/* ********* HEADER ********* */
.trumeter-header {
	font-family: heebo,'Open Sans',Arial,sans-serif;
	background-color: #fff;
    padding: 17px 0px 18px;
	width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    box-sizing: border-box;
}
.trumeter-header:before {
	content: "";
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0;
	height: 2px;
	
	background: #0664a8;
	background: -moz-linear-gradient(left,
	#7f8290 4.5%,
	#0c5bcf 19.5%,
	#2351c0 34.8%,
	#272763 42.3%,
	#454476 49.1%,
	#282756 64.8%,
	#2a2955 81%,
	#1b1a47 96%);
	background: -webkit-linear-gradient(left,
	#7f8290 4.5%,
	#0c5bcf 19.5%,
	#2351c0 34.8%,
	#272763 42.3%,
	#454476 49.1%,
	#282756 64.8%,
	#2a2955 81%,
	#1b1a47 96%);
	background: linear-gradient(90deg,
	#7f8290 4.5%,
	#0c5bcf 19.5%,
	#2351c0 34.8%,
	#272763 42.3%,
	#454476 49.1%,
	#282756 64.8%,
	#2a2955 81%,
	#1b1a47 96%);
}

.trumeter-header>.row-fluid {
	max-width: 1140px;
	margin: 0 auto;
}

.trumeter-header .span3.logo-trumeter-sws {
	width: 310px;
	margin-top: 0px;
}
.trumeter-header .span9.subheading-nav {
	width: 797px;
	margin-top: 2px !important;
	margin-left: 0;
	margin-right: -2px;
	float: right;
}

.trumeter-search input#ProductSearch.appendInputButton {
	width: 173px !important;
	border-radius: 0;
}
.trumeter-search form#ProductDisplayForm button.btn.btn-default {
	border: 1px solid #0664a8;
	border-radius: 0;
	background-color: #0664a8;
}
.trumeter-search form#ProductDisplayForm button.btn.btn-default i.icon-search,
.trumeter-mobile .mobile-search button .icon-search {
	margin-top: 1px !important;
	background-image: url(/img/glyphicons-halflings-white.png);
    text-shadow: 0 1px 1px rgb(0 0 0 / 75%);
}

.trumeter-search.input-append {
	margin-top: 7px;
    float: left;
    margin-left: 0;
}

.trumeter-shipping-message-sub {
	border: none;
	float: right;
	margin: 3px 2px 0px 0px;
	color: #0664a8;
	font-weight: 400;
}

/* *********  NAV  ********* */

.navbar.navbar-inner-trumeter-subsite .nav>li.home-btn>a {
    padding: 14px 17px 12px 16px !important;
    margin-left: 0;
	font-family: 'Open Sans', sans-serif;
	background: #0664a8;
	box-shadow: inset -2px 0px 0px 0px #f2f2f2;
}

.trumeter-header .nav.navbar-trumeter-subsite {
    margin-right: 0;
}


.navbar-trumeter-subsite a.nav-home-icon>i {
	margin-top: 0;
	display: inline-block;
    vertical-align: baseline;
}

.navbar.navbar-inner-trumeter-subsite .nav>li>a {
	padding: 14px 25px 12px;
	text-shadow: none;
    color: #000;
    font-weight: 700;
	display: block;
	font-size: 14px;
	background: #f2f2f2;
}
.navbar-trumeter-subsite .dropdown-menu li>a {
    white-space: break-spaces;
    padding-top: 4px;
    padding-bottom: 2px;
    line-height: 18px;
}
.navbar-inner-trumeter-subsite-french .navbar-trumeter-subsite .dropdown-menu li>a {
	padding-left: 15px;
	padding-right: 15px;
}
.navbar.navbar-inner-trumeter-subsite.navbar-inner-trumeter-subsite-french .nav>li>a{
	padding: 14px 22.3px 12px;
}

.dropdown-menu.trumeter-whole-cateogies-list-menu {
	width: 793px;
	left: -47px;
	padding-bottom: 15px;
}
.trumeter-whole-cateogies-list-menu ul {
	list-style: none;
	width: 33%;
	float: left;
	margin-left: 0;
}
.trumeter-whole-cateogies-list-menu ul:nth-child(2) {
	border-right: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
}
.trumeter-whole-cateogies-list-menu ul:last-child li {
	border-right: none;
}

.trumeter-whole-cateogies-list-menu ul:first-child {
	margin-left: 0px;
}
.navbar .nav>li>.trumeter-whole-cateogies-list-menu.dropdown-menu:before {
	left: 147px;
}
.navbar .nav>li>.trumeter-whole-cateogies-list-menu.dropdown-menu:after {
	left: 148px;
}

.navbar-trumeter-subsite .dropdown-menu li.dropdown-header>a {
	padding-top: 5px;
}
.navbar-trumeter-subsite .dropdown-menu li.dropdown-header>a,
.navbar-trumeter-subsite .dropdown-menu li.dropdown-header>a:hover {
	font-weight: 700;
	color: #0664a8;
	font-size: 16px;
	line-height: 20px;
	padding-top: 12px;
    padding-bottom: 0px;
}
.navbar-trumeter-subsite .dropdown-menu li.dropdown-header:first-child>a {
	border-top: none;
    padding-top: 6px;
    color: #0664a8;
}
.navbar-trumeter-subsite .dropdown-menu .divider {
	margin: 9px 0px;
}

/* NAV HOVER COLOURS */
.navbar.navbar-inner-trumeter-subsite .nav>li>a:hover,
.navbar.navbar-inner-trumeter-subsite .nav>li>a:active,
.navbar.navbar-inner-trumeter-subsite .nav>li>a:focus,
.navbar .nav.navbar-trumeter-subsite li.dropdown.open>.dropdown-toggle, 
.navbar .nav.navbar-trumeter-subsite li.dropdown.active>.dropdown-toggle, 
.navbar .nav.navbar-trumeter-subsite li.dropdown.open.active>.dropdown-toggle {
    color: #fff;
    background-color: #0664a8;
}
.navbar-trumeter-subsite .dropdown-menu li>a:hover, 
.navbar-trumeter-subsite .dropdown-menu li>a:focus, 
.navbar-trumeter-subsite .dropdown-submenu:hover>a, 
.navbar-trumeter-subsite .dropdown-submenu:focus>a, 
.navbar-trumeter-subsite .dropdown-menu li>a:active, 
.navbar-trumeter-subsite .dropdown-submenu:active>a {
	background-color: #0664a8 !important;
	text-decoration: none;
	color: #fff !important;
	font-weight: 300;
    background-image: none;
}

/* NAV CHEVRON */
	.navbar-trumeter-subsite.nav>li>a .chevron{
	    position:relative;
	    display:inline-block;
	    height:8px;
	    padding-left: 6px;
	    width: 11px;
	}
	.navbar-trumeter-subsite.nav>li>a .chevron:before,
	.navbar-trumeter-subsite.nav>li>a .chevron:after{
	    position:absolute;
	    display:block;
	    content:"";
	    border: 5px solid transparent;/*adjust size*/
	}
	/* Replace all text `top` below with left/right/bottom to rotate the chevron */
	.navbar-trumeter-subsite.nav>li>a .chevron:before{
	    top:0;
	    border-top-color: #000;/*Chevron Color*/
	}
	.navbar-trumeter-subsite.nav>li>a .chevron:after{
	    top:-2px;/*adjust thickness*/
	    border-top-color: #f2f2f2;/*Match background colour*/
	}
	.navbar-trumeter-subsite.nav>li>a:active .chevron:before,
	.navbar-trumeter-subsite.nav>li>a:hover .chevron:before,
	.navbar-trumeter-subsite.nav>li>a:focus .chevron:before,
	.navbar-trumeter-subsite.nav>li.dropdown.open>a .chevron:before {
		border-top-color: #FFF;
	}
	.navbar-trumeter-subsite.nav>li>a:active .chevron:after,
	.navbar-trumeter-subsite.nav>li>a:hover .chevron:after,
	.navbar-trumeter-subsite.nav>li>a:focus .chevron:after,
	.navbar-trumeter-subsite.nav>li.dropdown.open>a .chevron:after {
		border-top-color: #0664a8;
	}

	.sws-trumeter-buttons {
		margin-bottom: 25px;
	}
	.sws-trumeter-buttons .span4 {
		background-image: url(/images/pages/trumeter/trumeter-button-background-image.jpg);
	    background-repeat: no-repeat;
	    background-size: 110%;
		background-position: -1% 91%;
	    border: 0.5px solid;
	    border-image-slice: 1;
	    border-width: 0.5px;
	    border-image-source: linear-gradient( to left, #7f8290 4.5%, #0c5bcf 19.5%, #2351c0 34.8%, #272763 42.3%, #454476 49.1%, #282756 64.8%, #2a2955 81%, #1b1a47 96%);
	    overflow: hidden;
	    height: 145px;
	}
	.sws-trumeter-buttons .span4 a .sws-trumeter-buton-content-box {
		float: left;
	    width: 100%;
	    padding: 15px;
	    box-sizing: border-box;
	    height: 144px;
	    display: flex;
	    align-items: center;
	}
	.trumeter-button-icon {
	    width: 50px;
	    float: left;
	}
	.trumeter-button-product-image {
	    float: left;
		width: 137px;
	}
	.sws-trumeter-buttons .application-title {
	    float: left;
	    width: 116px;
	    margin-left: 15px;
	    margin-top: 0;
	    margin-right: 10px;
	    margin-bottom: 0px;
	}
	.sws-trumeter-buttons .application-title .series-title {
	    color: #0664a8;
	    font-weight: 700;
	    font-size: 16px;
	    font-family: heebo,'Open Sans',Arial,sans-serif;
	}
/* ********* ADS ********* */
.trumeter-sws-store #myCarousel {
	margin-bottom: 5px;
}

@media (max-width: 1199px) {
	.sws-trumeter-buttons .span4, .sws-trumeter-buttons .span4 a .sws-trumeter-buton-content-box {
	    height: 125px;
	}
	.trumeter-button-product-image {
	    width: 105px;
	}
	.sws-trumeter-buttons .application-title .series-title {
		font-size: 14px;
	}
	/* ********* HEADER ********* */
	.trumeter-header {
	    padding: 13px 0px 13px;
	}
	.trumeter-header>.row-fluid {
		max-width: 910px;
		margin: 0 auto;
	}
	
	.trumeter-header .span3.logo-trumeter-sws {
		width: 250px;
		margin-top: 3px;
	}
	.trumeter-header .span9.subheading-nav {
		width: 643px;
		margin-top: 0px !important;
		margin-right: -3px;
	}
	
	/* *********  NAV  ********* */
	
	.navbar.navbar-inner-trumeter-subsite .nav>li.home-btn>a {
	    padding: 12px 14px 8px 13px !important;
	    box-shadow: inset -2px 0px 0px 0px #f2f2f2;
	}
	.navbar.navbar-inner-trumeter-subsite .nav>li>a {
		padding: 11px 15.2px 9px;
	    font-size: 13px;
	}
	.navbar.navbar-inner-trumeter-subsite.navbar-inner-trumeter-subsite-french .nav>li>a{
		padding: 11px 12.8px 9px;
	}
	.navbar-trumeter-subsite .dropdown-menu li>a {
		white-space: break-spaces;
	}
	
	.dropdown-menu.trumeter-whole-cateogies-list-menu {
	    width: 637px;
		left: -41px;
	}
	.navbar .nav>li>.trumeter-whole-cateogies-list-menu.dropdown-menu:before {
		left: 155px;
	}
	.navbar .nav>li>.trumeter-whole-cateogies-list-menu.dropdown-menu:after {
		left: 156px;
	}
	
	/* ********* END HEADER ********* */
	
	.trumeter-sws-store #myCarousel {
		margin-bottom: 6px;
	}
}
@media (max-width:979px) {
	.trumeter-button-icon {
		width: 35px;
	}
	.trumeter-button-product-image {
	    width: 75px;
	}
	.sws-trumeter-buttons .application-title {
		margin-right: 8px;
	}
	.sws-trumeter-buttons .application-title .series-title {
	    font-size: 11px;
	    line-height: 13px;
	}
	.trumeter-mobile {
		font-family: heebo,'Open Sans',Arial,sans-serif;
	}
	.navbar-inner.trumeter-mobile {
		background-image: none;
		background-color: #ffffff;
	    padding-top: 8px;
	    padding-bottom: 8px;
	    border-bottom: 2px solid;
		border-image-slice: 1;
		border-width: 2px;
		border-image-source: linear-gradient(
to left, #7f8290 4.5%, #0c5bcf 19.5%, #2351c0 34.8%, #272763 42.3%, #454476 49.1%, #282756 64.8%, #2a2955 81%, #1b1a47 96%);
	}
	.navbar .trumeter-mobile .span5 {
		width: 32%;
		margin-left: 0;
		margin-right: 10px;
		max-width: 160px;
	}
	.trumeter-mobile img.brand.mobile-logo {
		width: auto;
		padding: 0px 5px 0px 0;
		box-sizing: border-box;
		margin: auto;
	}
	.navbar .trumeter-mobile .span7 {
		width: auto;
		margin-left: 0;
		overflow: hidden;
		float: none;
		margin-bottom: 8px;
	}
	.navbar .trumeter-mobile .span7 .input-append {
		margin-top: 0px;
	}
	.navbar .trumeter-mobile .span7 .input-append  .appendedInputButton {
		border-radius: 0px !important;
	}
	.trumeter-mobile .input-append .navbar-search {
		position: relative;
		float: left;
		margin-top: 14px;
		margin-bottom: 0 !important;
		max-width: 100%;
		margin-left: 0px;
		padding-left: 0px !important;
		padding-top: 0px !important;
	}
	.trumeter-mobile input#ProductSearch {
		border-radius: 0px;
	}
	.trumeter-mobile .input-append .btn {
		margin-left: -1px;
		height: 28px;
	    font-size: 14px;
	    padding: 3px 10px;
	    border-radius: 0;
	    background-color: #0664a8;
	    border-color: #0664a8;
	}
	.trumeter-bacharach button.btn.btn-default i.icon-search {
	    background-image: url(../img/glyphicons-halflings-white.png);
	    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
	}
	.trumeter-mobile .sws-mobile-header-nav #mobile-sws-3 .nav > li > a {
		text-align: left;
		padding: 5px 0px 5px 16px !important;
		border-radius: 0px;
		background-color: #f2f2f2 !important;
		margin-bottom: 0px;
		color: #000000 !important;
		margin-left: 0px;
		border-bottom: 2px solid #ffffff;
	}
	.trumeter-mobile .sws-mobile-header-nav .nav>li>a, .trumeter-mobile .sws-mobile-header-nav .nav>li>a:hover {
		font-size: 13px;
		font-weight: bold;
		color: #000000 !important;
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
		border: none;
		background-color: #f2f2f2;
		margin-left: 2px;
	}
	.trumeter-mobile .sws-mobile-header-nav .nav>li:first-child>a {
		margin-left: 0px;
	}
	
	.navbar-trumeter-subsite .nav-collapse .open > .dropdown-menu li > a, .navbar-trumeter-subsite .nav-collapse .open > .dropdown-menu li > a:hover, .navbar-trumeter-subsite .nav-collapse .open > .dropdown-menu li >strong> a, .navbar-trumeter-subsite .nav-collapse .open > .dropdown-menu li >strong> a:hover {
		font-size: 11px;
		line-height: 13px;
		background-color: transparent !important;
		padding: 5px 2px 5px 10px !important;
		color: #000000 !important;
		background-image: none !important;
		font-weight: 400 !important;
	}
	.navbar-trumeter-subsite .dropdown-menu li.dropdown-header>a, .navbar-trumeter-subsite .nav-collapse .open > .dropdown-menu li.dropdown-header > a {
		font-size: 13px;
		color: #0664a8 !important;
		padding-top: 15px !important;
		padding-left: 0px !important;
		font-weight: 700 !important;
	}
	.navbar-trumeter-subsite .nav-collapse .open > .dropdown-menu li >strong> a, .navbar-trumeter-subsite .nav-collapse .open > .dropdown-menu li >strong> a:hover {
		font-weight: 700 !important;
		color: #231f20 !important;
	}
	.trumeter-mobile .nav-collapse .open>.dropdown-menu {
	    margin-top: 0px;
	    margin-bottom: 2px;
	    margin-right: -18%;
	    width: auto;
	    background-color: #f2f2f2;
	}
	.trumeter-mobile .navbar-trumeter-subsite {
		width: 100%;
		background-image: none !important;
		background-repeat: no-repeat !important;
		top: 0px !important;
		left: 0px !important;
		border-radius: 0px;
		margin-bottom: 0px;
		background-color: transparent;
	}
	.trumeter-mobile .navbar-trumeter-subsite.mobile-sws-nav-rest {
		box-shadow:none;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	}
	.trumeter-mobile #mobile-sws-3 {
		top: -30px;
	}
	.trumeter-mobile #SWS-mobile-first-nav {
		width: 27%;
	}
	.trumeter-mobile #SWS-mobile-second-nav {
		width: 29%;
		box-sizing: border-box;
	}
	.trumeter-mobile #SWS-mobile-third-nav {
		width: 29%;
		box-sizing: border-box;
	}
	.trumeter-mobile.trumeter-mobile-fr #SWS-mobile-first-nav {
		width: 29%;
	}
	.trumeter-mobile.trumeter-mobile-fr #SWS-mobile-second-nav {
		width: 29%;
	}
	.trumeter-mobile.trumeter-mobile-fr #SWS-mobile-third-nav {
		width: 27%;
		box-sizing: border-box;
	}
	.trumeter-mobile #SWS-mobile-hamburger-nav {
		width: 15%;
		box-sizing: border-box;
		display: flex;
	}
	.trumeter-mobile .sws-mobile-header-nav .btn-navbar {
		outline: none !important;
	    margin-top: 0px;
	    margin-left: 2px;
	    margin-right: 0px;
	    border-radius: 0px;
	    padding: 7px 0px 6px;
	    width: 100%;
	    float: none;
	    background-color: #0664a8 !important;
	    border: none !important;
	    box-sizing: border-box;
	}
	.navbar .trumeter-mobile .btn-navbar .icon-bar, .navbar .trumeter-mobile .btn-navbar:hover .icon-bar {
		background-color: #ffffff !important;
		box-shadow: none;
		width: 100%;
	    max-width: 29px;
	    margin: 2px auto 3px;
	}
	.trumeter-border-left-mobile {
		box-shadow: inset 2px 0px 0px 0px #ebecec;
	}
	.trumeter-mobile .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li>a, .trumeter-mobile .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li:hover>a, .trumeter-mobile .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li>strong>a, .trumeter-mobile .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li:hover>strong>a {
		text-align: left;
		padding: 4px 0px 4px 38px;
		line-height: 15px;
		font-size: 11px;
		border-radius: 0px;
		font-weight: 500 !important;
		text-transform: none !important;
		border: none !important;
		margin: 0px;
	}
	.trumeter-mobile .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li.dropdown-header>a, .trumeter-mobile .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li.dropdown-header:hover>a, .trumeter-mobile .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li.dropdown-header>strong>a, .trumeter-mobile .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li.dropdown-header:hover>strong>a {
		padding: 4px 0px 4px 28px;
		font-size: 13px;
		line-height: 18px;
		font-weight: 700 !important;
		color: #0664a8 !important;
	}
	.trumeter-mobile .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li>strong>a, .trumeter-mobile .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li:hover>strong>a {
		font-weight: 700 !important;
		color: #231f20 !important;
	}
	.trumeter-mobile.olympic-mobile-french .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li>a, .trumeter-mobile.olympic-mobile-french .sws-mobile-header-nav .trumeter-mobile-sub-nav .nav>li:hover>a {
		padding-left: 9px;
	}
	.trumeter-mobile .trumeter-mobile-sub-nav .nav {
		margin: 0px;
	    padding: 2px 0px 4px;
	    border: none;
	    background-color: #f2f2f2;
	}
	.navbar-trumeter-subsite>div.trumeter-mobile-sub-nav.in {
	    border-top: 2px solid #ffffff;
	} 
	.trumeter-mobile .sws-mobile-header-nav.accordion {
		margin-bottom: 0px;
	}
	.trumeter-mobile #mobile-sws-3 li.dropdown-sup {
		background-color: #f2f2f2;
	}
	.trumeter-mobile #mobile-sws-3 li.dropdown-sup ul li:last-child {
		padding-bottom: 4px;
	}
	.trumeter-mobile .sws-mobile-header-nav li:first-child.dropdown.dropdown-sup {
	    margin-right: 15%;
	}
	.navbar-inner.trumeter-mobile .span5 {
		width: 160px;
		margin-right: 10px;
		margin-left: 0px;
		margin-bottom: 8px;
	}
	.navbar-inner.trumeter-mobile .span7 {
		margin-top: 0px;
		margin-bottom: 8px;
	}
	.sws-trumeter-carousel {
	   	margin-top: 0px;
	}
	
	.trumeter-mobile-homepage-button .span6 {
	    width: 48%;
	    margin-left: 4% !important;
	    float: left;
	    margin-bottom: 10px;
	    overflow: hidden;
	    background-image: url(/images/pages/trumeter/trumeter-button-background-image.jpg);
	    background-repeat: no-repeat;
	    background-size: 110%;
	    background-position: bottom;
	    border: 1px solid #0664a8;
	    padding: 10px;
	}
	.trumeter-mobile-homepage-button .span6:hover {
		border: 1px solid;
		border-image-slice: 1;
		border-width: 1px;
		border-image-source: linear-gradient(
to left, #7f8290 4.5%, #0c5bcf 19.5%, #2351c0 34.8%, #272763 42.3%, #454476 49.1%, #282756 64.8%, #2a2955 81%, #1b1a47 96%);
	}
	.trumeter-mobile-homepage-button .span6:first-child {
		margin-left: 0px !important;
	}
	.row-fluid.mshow.trumeter-mobile-homepage-button {
	    padding: 0px 15px;
	}
	.trumeter-mobile-homepage-button .span6 a{
		float: left;
		display: block;
		width: 100%;
	}
	.trumeter-mobile-homepage-button .span6 .series-title {
	    color: #0664a8;
	    font-size: 14px;
	    line-height: 14px;
	    font-weight: 700;
	    vertical-align: middle;
	}
	.trumeter-mobile-homepage-button .application-title {
		margin-top: 6px;
		text-align: center;
		margin-bottom: -20px;
	    position: relative;
	    top: -20px;
	}
	.trumeter-button-icon {
	    width: 35px;
	}
	.row-fluid.mshow.trumeter-mobile-homepage-button {
	    display: flex;
	}
	li#mobile-sws-1.nav-collapse.trumeter-mobile-sub-nav.collapse,
	li#mobile-sws-3.nav-collapse.sws.collapse{
		width: 100% !important;
	}
}

@media (max-width:767px) {	
	.navbar-inner.trumeter-mobile {
	    margin-left: -20px;
	    margin-right: -20px;
	}
	.trumeter-button-product-image {
	    width: 50%;
	    float: none;
	    margin: 0px auto;
	    display: block;
	    max-width: 180px;
	    clear: both;
	    position: relative;
	    top: -20px;
	}
}