html {
	height: 100%;
}

body {
	position: relative;
	min-height: 100%;
	height: auto;
	padding-bottom: 175px;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5rem;
	color: #1F0F16;
	text-align: left;
	background-color: #FFF;
	color: #666666;
}

h2 {
	font-size: 20px;
	color: #666666;
}

.container {
	max-width: 1200px;
	padding-left: 20px;
	padding-right: 20px;
}

main {
	padding-bottom: 100px;
}

.brand-logo {
	text-align: center;
}

.brand-logo img {
	max-width: 350px;
}

.fixed-top {
	padding: 0;
}

ul#outside-links {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #666;
	border-bottom: 1px solid #ccc;
	width: 100%;
	display: block;
	clear: both;
	float: right;
}

ul#outside-links li {
	display: inline-block;
	line-height: 27px;
	padding: 0 15px;
	float: right;
}

ul#outside-links li a {

    color: #666;

}

ul#outside-links li a:hover {

    color: #D21C27;

}

.header-title {
	font-size: 14px;
	color: #b3b3b3;
	margin-right: 24px;
}

.brand_logo {
	float: left;
	margin: 19px 15px;
}

a:focus, a:active {
	border: none;
	outline: none !important;
}

button:focus {
  outline: none;
}

a {
	color: #72123D;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

h3.cats {
	xcolor: #cecece;
	font-size: 20px;
}


a.navbar-brand img {
	height: 24px;
}

nav.navbar {

	box-shadow: 0 2px 4px 0 rgba(31, 15, 22, 0.1);
	background-color: white;
}

nav .main-content {
	position: relative;
}

nav .scroll-header {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	width: 100%;
	font-weight: bold;
	display: none;
}

nav .scroll-header small {
	font-weight: normal;	
}

.locked-nav nav .scroll-header {
	display: block;	
}



nav .nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100px;
	border-bottom: 10px solid transparent;
	padding: 10px 10px 0 10px;
	color: #72123D;
	font-family: "Montserrat", sans-serif;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.15em;
	text-align: center;
	white-space: nowrap;
	transition: all 0.65s ease;
}

nav .nav-link:hover {
	color: white !important;
	background-color: #872f55;
	border-bottom: 10px solid #e3e3e3;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

#SocialNav {
	display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    border-bottom: 1px solid #F7F6F8;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
	height: 45px;
}

#SocialNav ul {

    text-align: right;
}

#SocialNav ul li:first-child {

    float: left;

}
#SocialNav ul li {

    display: inline-block;

}

#SocialNav a {
	color: #777376;
}

#SocialNav a:hover, #SocialNav a:hover::before, #SocialNav a:focus, #SocialNav a:focus::before {

    color: #1974CD;

}

#SocialNav a.fa {
	margin-left: 16px !important;
	font-size: 18px;
	color: #a5a1a6;
}

#SocialNav a[class^="fa-"]:hover, #SocialNav a[class^="fa-"]:focus {

    border-bottom: 1px solid transparent;

}

ul.social-list {
	margin-bottom: 20px;
}

ul.social-list li {
	display: inline-block;
	margin-right: 10px;
}

ul.link-list li a {
	font-size: 16px;
}

ul.link-list li a:after {
	content: ' ';
	height: 11px;
	width: 11px;
	display: inline-block;
	margin-left: 5px;
	background-size: 100% 100%;
	background-position: center center;
	color: #D21C27;
	content: url('data:image/svg+xml;utf8,<svg focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23D21C27" d="M216.464 36.465l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887L209.393 451.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971L233.434 36.465c-4.686-4.687-12.284-4.687-16.97 0z"></path></svg>');
}


.bg-dark {
	background-color: #72123D !important;
} 

li.nav-item {
	position: relative;
}

ul.categories li img {
	
	max-height: 100%;
	max-width: 100%;
	display: block;
	clear: both;
	margin: 0 auto 8px;
}

ul.categories {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.categories li {
	display: inline-block;
	width: 30%;
	min-height: 297px;
	margin: 1%;
	text-align: center;
	position: relative;
	overflow: hidden;
	padding: 22px;
	padding-top: 22px;
	background: #FFF;
	-webkit-box-shadow: 0 2px 20px 0 rgba(4, 36, 67, 0.1);
	box-shadow: 0 2px 20px 0 rgba(4, 36, 67, 0.1);
}

ul.categories li a h4 {
	color: #000000;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	margin-bottom: 0;
	line-height: 1.25em;
	text-align: center;
	z-index: 2;
	position: absolute;
	bottom: 22px;
	left: 0;
	right: 0;
}

XXXul.categories li {
	display: inline-block;
	width: 30%;
	min-height: 250px;
	margin: 1%;
	text-align: center;
	position: relative;
	overflow: hidden;
	padding: 22px;
	padding-top: 22px;
	background: #0A3967;
	background: -webkit-linear-gradient(303.5deg, #0A3967 70%, #72123D 30%);
	background: -o-linear-gradient(303.5deg, #0A3967 70%, #72123D 30%);
	background: linear-gradient(146.5deg, #0A3967 70%, #72123D 30%);
}

XXXul.categories li a:hover {
	text-decoration: none;
}

XXXul.categories li h4 {
	color: #FFFFFF;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 36px;
	line-height: 1.25em;
	text-align: left;
	z-index: 2;
	position: absolute;
	top: 65px;
	left: 32px;
}

XXXul.categories li span {
	width: 170px;
	height: 50px;
	border: 1px solid white;
	-webkit-box-shadow: 0 1px 3px 0 rgba(13, 76, 137, 0.2);
	box-shadow: 0 1px 3px 0 rgba(13, 76, 137, 0.2);
	padding: 0.85714em 1.64286em 0.78571em;
	color: #FFF;
	background: transparent;
	border-radius: 3px;
	font-family: "Montserrat", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	position: absolute;
	bottom: 22px;
	left: 22px;
	z-index: 3;
	transition: all 0.2s;
}

XXXul.categories li span:hover {
	border: 3px solid white;
	opacity: 0.5;
}

XXXul.categories li:before {
	content: 'PRODUCTS';
	position: absolute;
	top: 22px;
	left: 22px;
	color: #A5A1A6;
	font: 500 0.75rem "Montserrat", sans-serif;
    line-height: normal;
	text-transform: uppercase;
	line-height: 1.5em;
	letter-spacing: 0.25em;
	text-align: center;
	width: 120px;
	height: 120px;
	background: #06294B;
	padding: 20px 14px 14px 14px;
	z-index: 1;
}

h2.doc_type {
	color: #535353;
}

ul.documents {
	margin: 0;
	padding: 0;
}

ul.documents li {
	display: inline-block;
	width: 100%;
	min-height: 120px;
	margin: 1%;
	position: relative;
	overflow: hidden;
	padding: 22px;
	padding-top: 22px;
	background: #FFF;
	-webkit-box-shadow: 0 2px 20px 0 rgba(4, 36, 67, 0.1);
	box-shadow: 0 2px 20px 0 rgba(4, 36, 67, 0.1);
}

#docTabs {
	margin: 0 0 35px;
	border-bottom: 0;
}

#docTabs li {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	margin-right: 4px;
}

#docTabs li:last-child {
	margin-right: 0;	
}

#docTabs li {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+42,eae1e5+96,dee2e6+96 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 42%, rgba(234,225,229,1) 96%, rgba(222,226,230,1) 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 42%,rgba(234,225,229,1) 96%,rgba(222,226,230,1) 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 42%,rgba(234,225,229,1) 96%,rgba(222,226,230,1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dee2e6',GradientType=0 ); /* IE6-9 */
border-bottom: none;
}

#docTabs li a {
	color: #727272;
}

#docTabs li a:hover {
	color: #0056b3;
}

#docTabs li a.active, #docTabs li a.active:hover {
	color: black !important;
}

.nav-tabs .nav-item {
	margin-bottom: 0;	
}


#docTabsContainer {
	background-color: #72123D;
	transition: background-color 0.5s;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	padding: 4px 4px 0;
}

#docTabsContainer .container {
	margin: 0 auto;
	padding: 0 0;
}

.locked-nav #docTabsContainer {
	position: fixed;
	top: 100px;
	left: 0;
	right: 0;
	width: 100%;
	box-shadow: 0px 15px 15px white;
	background-color: #43192c;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.locked-nav #docTabs {
	border-bottom: none;
}

.locked-nav #docTabs {
	margin-left: 19px;
	margin-right: 19px;
	margin-bottom: 0;
}

.locked-nav #docTabs li:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+42,eae1e5+96,dee2e6+96 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 42%, rgba(234,225,229,1) 96%, rgba(222,226,230,1) 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 42%,rgba(234,225,229,1) 96%,rgba(222,226,230,1) 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 42%,rgba(234,225,229,1) 96%,rgba(222,226,230,1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dee2e6',GradientType=0 ); /* IE6-9 */
}

.locked-nav #docTabs li a {
	color: black;	
}

.locked-nav #docTabs li a:hover {
	color: #0056b3;
	border-bottom: 1px solid white;
}

.locked-nav #docTabs li a.active {
	color: black !important;	
}

#docTabsContent img, ul.documents li img {
	max-height: 120px;
	float: right;
	margin-right: 10px;
	border: 1px solid #d7d7d7;
	text-shadow: 0 2px 20px 0 rgba(4, 36, 67, 0.1);
}

ul.photos li img {
	float: none !important;	
}

.tab-pane div.doc_item:last-child hr {
	display: none;
}

ul.photos li {
	display: inline-block;
	width: 25%;
	min-height: 120px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 22px;
	padding-top: 22px;
	padding-bottom: 0;
	background: #FFF;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: center;
	font-size: 12px;
}

ul.photos li img {
	max-height: 120px;
	float: none;
	margin-right: 0;
	margin-bottom: 4px;
	border: 1px solid #d7d7d7;
	cursor: pointer;
}

#photo-modal img {
	width: 100%;
}

#photo-modal .modal-dialog {
    max-width: 800px;
}

#photo-modal .modal-content {
	overflow: hidden;	
}

#photo-modal .modal-body {
	padding: 0;	
}

#photo-modal .close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 22px;
	height: 22px;
	border: 2px solid black;
	line-height: 10px;
	border-radius: 11px;
	font-size: 14px;
	background-color: white;
}


#parts-modal .modal-dialog {
	max-width: 700px;
}

#parts-modal .modal-dialog table {
	width: 100%;	
}

ul.products {
	margin: 0;
	padding: 0;
}

ul.products li {
	display: inline-block;
	width: 30%;
	margin: 1%;
	position: relative;
	overflow: hidden;
	padding: 22px;
	padding-top: 22px;
	background: #FFF;
	-webkit-box-shadow: 0 2px 20px 0 rgba(4, 36, 67, 0.1);
	box-shadow: 0 2px 20px 0 rgba(4, 36, 67, 0.1);
	text-align: center;
}

ul.products li img {
	max-width: 100%;
	max-height: 100%;	
}

.product-image {
	height: 220px;	
}

ul.products li a {
	display: block;
	color: black;
	text-align
	
}

ul.products li a:hover {
	text-decoration: none;
	color: black;
}

h3.cats a {
	
}

h3.cats a:after {
	content: '|';
	margin: 0 10px;	
}

h3.cats a:first-child:after {
	display: none;
}

h3.cats a:last-child:after {
	display: none;
}

.search-go, .download-button {
	display: inline-block;
	background: #1974CD;
	border-color: transparent;
	border-radius: 3px;
	-webkit-box-shadow: 0 5px 0 0 #095CAE;
	box-shadow: 0 5px 0 0 #095CAE;
	padding: 1em 1.78571em 0.78571em;
    padding-right: 1.78571em;
    padding-left: 1.78571em;
	color: #FFF;
	font-family: "Montserrat", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.28571em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.21429em;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}

.download-button:hover {
	background: #095CAE;
	border-color: transparent;
	-webkit-box-shadow: 0 5px 0 0 #094D90, 0 3px 10px 0 rgba(13, 76, 137, 0.38);
	box-shadow: 0 5px 0 0 #094D90, 0 3px 10px 0 rgba(13, 76, 137, 0.38);
	color: #FFF;
	text-decoration: none;
}

.download-button {
	margin-right: 20px;
	line-height: 35px;
	height: 55px;
	padding: auto 1.78571em auto;
	vertical-align: bottom;
}

.doc-note {
	display: inline-block;
	color: #737373;
	margin: 0 10px;
	text-align: center;
	height: 55px;
	font-size: 14px;
}	

.doc-note .fa {
	font-size: 25px;
}

.spares_available, .doc_current {
	color: #247d3d;
}

.spares_unavailable, .doc_obsolete {
	color: #9b293a;
}

.doc_discontinued {
	color: #d99323;
}



.product_obsolete_in_range, .product_obsolete, .product_current_production, .product_discontinued, .product_placeholder {
	color: #737373;
	color: white;
	margin: 0 5px;
	padding: 5px 12px;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	text-align: center;
	transform: rotate(-45deg);
	top: 28px;
	left: -60px;
}

ul.products li {
	overflow: hidden;
}

.product_current_production {
	background-color: #23b24c;
}

.product_obsolete_in_range, .product_obsolete {
	background-color: #870015;
}

.product_discontinued {
	background-color: #de8a00;
}

#search-page {
	
}

img.product-thumb {
	float: right;
	max-width: 100%;
}

.product_ids {
	color: #a2a2a2;
}

hr.doc_divider {
	margin: 2rem 0;
}

XXhr.doc_divider:last-child {
	display: none;	
}

footer {
	
	width: 100%;
	background: #F7F6F8;
}

#FooterNav {
    padding-top: 4.375rem;
    padding-bottom: 5rem;
}

x#FooterNav ul {
	list-style-type: none;
}

x#FooterNav ul li {
    display: inline-block;
    padding-right: 2.22222em;
    font-size: 14px;
	font-weight: bold;
}

x#FooterNav ul li a {
    color: #72123D;
    font-size: 14px;
	font-weight: bold;
}

x#FooterNav ul li:last-child {
    float: right;
    padding-right: 0;
}


.our-brands .brand {

    height: 75px;
    text-align: left;
    position: relative;
    width: 33.3%;
    float: left;

}


.our-brands .brand img.color {

    opacity: 1;

}
.brand img {

    max-width: 100px;
    border: 0;
    vertical-align: middle;

}


.social-list {

    margin: 0;
    padding: 0;

}

.social-list li a {

    color: #D21C27;
    font-size: 22px;

}

ul.recent-posts {

    list-style: none;
    line-height: 24px;
    margin-top: 0;
    padding: 0;

}

#FooterNav ul.recent-posts li {

    margin-bottom: 8px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    line-height: 24px;
    font-size: 16px;
	display: block;
}

.link-list a, .link-list a:active, .link-list a:focus, .link-list a:hover, .link-list a:visited {

    font-weight: 600;
    color: #D21C27;
    cursor: poitner;
    text-decoration: none;
    outline: 0;

}

.link-list a:hover {

    color: #b6172f;

}


#left_tabs span {
	
}

.tabrow {
    text-align: center;
    list-style: none;
    margin: 200px 0 20px;
    padding: 0 0 0 40px;
    line-height: 24px;
    height: 26px;
    overflow: hidden;
    font-size: 12px;
    font-family: verdana;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d1d1d1+100 */
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(209,209,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(209,209,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-8 */
}

.tabrow:after {
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 40px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d1d1d1+100&1+0,0+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(209,209,209,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(209,209,209,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(209,209,209,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00d1d1d1',GradientType=1 ); /* IE6-8 */	
}

.tabrow li {
    border: 1px solid #AAA;
    border-bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1d1d1+0,ffffff+100 */
	background: rgb(209,209,209); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(209,209,209,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(209,209,209,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    display: inline-block;
    position: relative;
    z-index: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    XXbox-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
    text-shadow: 0 1px #FFF;
    margin: 0 1px;
    padding: 0 20px;
    border-bottom: 1px solid #FFF;
    cursor: pointer;
}
.tabrow a {
	  color: #555;
	  text-decoration: none;
}
.tabrow li.selected {
    background: #FFF;
    color: #333;
    z-index: 2;
    border-bottom-color: #FFF;
}
.tabrow:before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    XXborder-bottom: 1px solid #AAA;
    z-index: 1;
}
.tabrow li:before,
.tabrow li:after {
    border: 1px solid #AAA;
    position: absolute;
    bottom: -1px;
    width: 5px;
    height: 5px;
    content: " ";
}
.tabrow li:before {
    left: -5px;
    border-bottom-right-radius: 6px;
    border-width: 0 1px 1px 0;
    box-shadow: 2px 2px 0 #FFFFFF;
}
.tabrow li:after {
    right: -5px;
    border-bottom-left-radius: 6px;
    border-width: 0 0 1px 1px;
    box-shadow: -2px 2px 0 #FFFFFF;
}
.tabrow li.selected:before {
    box-shadow: 2px 2px 0 #FFF;
}
.tabrow li.selected:after {
    box-shadow: -2px 2px 0 #FFF;
}


#photo_next, #photo_prev {
	display: block;
	position: absolute;
	top: 50%;
	font-size: 80px;
	line-height: 80px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
	transform: translateY(-50%);
	cursor: pointer;
	transition: all ease 0.3s;
}

#photo_next:hover, #photo_prev:hover {
	color: white;
	font-size: 90px;
	line-height: 90px;	
}

#photo_next {
	right: 10px;
}


#photo_prev {
	left: 10px;
}

.close {
	margin-bottom: 8px;	
}

.video_thumb {
	cursor: pointer;
	position: relative;
	display: block;
	float: right;
}

.video_thumb:hover:after {
	font-family: 'FontAwesome';
	content: '\f03d';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
	color: white;
	padding-right: 10px;
	font-size: 22px;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}


	ul.breadcrumbs {
		margin: 0 0 10px 0;
		padding: 0;
		list-style-type: none;
		font-size: 18px;
	}
	
	ul.breadcrumbs li {
		display: inline-block;
		color: #265479;
	}
	
	ul.breadcrumbs li:after {
		display: inline-block;
		content: "\f054";
		font-family: 'FontAwesome';
		margin-left: 5px;
		text-rendering: auto;
		-moz-osx-font-smoothing: grayscale;
		font-size: 14px;
	}
	
	ul.breadcrumbs li a {
		color: #265479;
	}
	
	ul.breadcrumbs li:last-child:after {
		display: none;	
	}
	
	
	ul.breadcrumbs li.back-to-search {
		float: right;
	}
	
	ul.breadcrumbs li.back-to-search:after {
		display: none;	
	}
	
	ul.breadcrumbs li.back-to-search a {
		padding: 6px 15px;
		background-color: #00447c;
		color: white !important;
		font-size: 14px;
		text-transform: uppercase;
	}


	.brandbox {
		display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: center;
	    margin: 0 auto;
	    padding: 0;
	}
	
	.brandbox .brand {
	    width: 33.33%;
	    text-align: center;
	}


	
	@media (max-width:500px){
		
		ul.breadcrumbs li.back-to-search {
			width: 100%;
			display: block;
			text-align: center;
			margin-bottom: 15px;
		}
		
	}

	h2.brand {
		font-size: 30px;
		margin-bottom: 30px;
	}



@media (max-width:992px){
	ul.categories li {
		min-height: auto;	
	}	
}

@media (max-width:768px){
	img.product-thumb {
		display: none;
	}
	
	#navbar-brand {
		display: none;
	}
	
	ul.categories li {
		width: 45%;	
	}
	
	.navbar-title {
		display: none !important;
	}
	
	#navbar.collapse {
		display: block;
	}
	
	.navbar-brand {
		margin: 0 auto;
	}
	
	nav .nav-link {
		height: auto;
	}
	
	#docTabs {
		flex-wrap: nowrap;
	}
	
	li.nav-item {
		flex-grow: 1;
		line-height: 15px;
	}
	
}

@media (max-width:580px){
	.search-go {
		display: block;
		margin: 4px auto;
	}
	
	.form-inline {
		width: 100%;
	}
	
	li.nav-item a {
		font-size: 14px;
		padding: 3px 4px;	
	}
	
	.hide-on-mobile {
		display: none;
	}

}

@media (max-width:450px){
	

	
	ul.categories li {
		width: 45%;	
	}
	
	ul.categories li a h4 {
		font-size: 0.8rem;	
	}
	
	.product-image {
	    height: 150px;
	    position: relative;
	}
	
	.product-image img {
		max-height: 90px;
		position: absolute;
		top: 30%;
		transform: translateY(-50%);
	}
}

@media (max-width:420px){
	
	.header-title {
		display: block;
		text-align: center;
		width: 100%;
		margin-right: 0;
	}
	
}