/*Menu
------------------------------------*/
.collapse.in li a.dropdown-toggle { 
	background-color: #DC2028;
}

.navbar, .navbar-inner, .nav, .navbar-inverse,
.navbar .nav > li > a {
	background-color: transparent;
	font-size: 13px;
	padding: 0;
	text-transform: none;
}
.navbar .nav > li > a {
	padding: 6px 10px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
/*Changes for templates project*/
.navbar .nav > li > a:visited {
  	color:#fff!important;
}

.navbar .nav > li:hover,
.navbar .nav > .active > a,
.navbar .nav > .active > a:focus,
.navbar .nav > .active > a:hover {
	/*background: #990000; */ /* Old browsers */
	/*background-color: #990000!important; */
	background: #840909 !important; /*Added for Template Project */
	
  	color:#fff;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a,
.header .dropdown-menu .active > a,
.navbar .nav .open > a,.navbar .nav .active-trail> a {
	/*background-color: #990000!important; */
	background: #840909 !important; /*Added for Template Project */
	color:#fff !important;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:focus {
	border-bottom: 0;
}
.divider.hidden,
.navbar .nav > .active + .divider,
.navbar .nav .trans-border {
	border-right: 1px solid transparent;
}

.navbar .nav > li > a,.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	border-bottom: 0;
	color: #fff;
}
.navbar .nav > .active > a:hover {	
	border-bottom: 0;
	color: #fff;
}

/*Arrow for menu*/
.navbar .nav > li > a .caret {
  border-top-color: #fff!important;	
  border-bottom-color: #fff !important;
}

/*Dropdown Menu*/

.navbar .btn-navbar {
	/*background:#991723; */
	background: #840909; /*Added for Template Project */
	box-shadow: none;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}
.navbar .btn-navbar:hover {
	/*background:#991723;*/
	background: #840909; /*Added for Template Project */
}
.navbar .nav > li > .dropdown-menu:after {
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}

/*Serach*/
.navbar .nav > li > a.search:hover {
	color:#3498db;
	border-bottom-color:#3498db;
}


.top-4 {
	top: 4px;
}
.loginbar li {
	position: relative;
       cursor: pointer;
}

.loginbar li a, .loginbar li a:hover {
	border-bottom: 0;
	/*color: #ccc;*/
	color: #FFFFFF; /*Added for Template Project*/
	font-size: 10px;
}

.loginbar > li > a, .loginbar > li > a:hover {
	color: #FFFFFF !important; /*Added on 6th Nov*/
}

.loginbar i {
	color: #ccc;
}
.loginbar i.icon-globe {
	color: #ccc;
	font-size: 20px;
	margin: 0px 6px 0 0;
	position: relative;
	top: -1px;
}

/*Added for Customer Support - 5th June*/
.loginbar i.icon-custsupp {
    background: url("../../../img/icons/CMI-WebIcon-Sprite.png") no-repeat scroll -40px -1131px !important;
	height: 20px;
	margin: 0px 8px 0 0;
	position: relative;
	top: -4px;
	width: 20px;
	color: #ccc;
}

.loginbar > li:hover  i.icon-custsupp {
		background: url("../../../img/icons/CMI-WebIcon-Sprite.png") no-repeat scroll -70px -1131px !important;
}


/* Added for Template Project - Ux Comment -  Wrong icon for Other Cummins Sites */
.loginbar i.icon-community {
	/*background: url(../../../img/icons/communities.png) no-repeat center 6px; 
	
	background: url(../../../img/icons/CMI-WebIcon-Sprite.png) no-repeat center 6px;
	background-position: -55px -1631px !important;
	background-size: 195px 3173px !important;
	padding: 0px 0px 0px 0px; 
	height: 15px;
	height: 15px;
	*/
	
	background: url("../../../img/icons/CMI-WebIcon-Sprite.png") no-repeat scroll -40px -2571px !important;
				
	height: 20px;
	margin: 0px 8px 0 0;
	position: relative;
	top: -4px;
	width: 20px;
}

.logo {
	line-height: 70px;
	margin-right: 25px;
	top: 0;
}

.header {
	/*background: #dc2028;*/ /* Old browsers */
	/*background-color: #dc2028;*/
       background-color: rgba(0,0,0,0.5); /*Cummins Filtration*/
	/*background: url(../../../img/bg-header.png) repeat #B61020;*/
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjMjAyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjBkMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dc2028 0%, #af0d1f 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc2028), color-stop(100%,#af0d1f)); 
	background: -webkit-linear-gradient(top,  #dc2028 0%,#af0d1f 100%); 
	background: -o-linear-gradient(top,  #dc2028 0%,#af0d1f 100%); 
	background: -ms-linear-gradient(top,  #dc2028 0%,#af0d1f 100%);
	background: linear-gradient(to bottom,  #dc2028 0%,#af0d1f 100%);*/
	border-bottom: 2px solid #292929;
	filter:none;
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc2028', endColorstr='#af0d1f',GradientType=0 );*/
	
	 
}

.header { /*Cummins Filtration*/
    position: absolute;
    top: 35px;
    z-index: 999;
    /* border-bottom: solid 2px #000; */
    border-bottom: solid 0px #000;
}

.ie7 .header,
.ie8 .header {
	background: url(../../../img/bg-header.png) repeat #dc2028;
}
.header{
	height: 73px;
       width: 100%; /*Cummins Filtration*/
}

.sub-brand {
	display: inline-block;
	left: 106px;   /*JC - 26Jun*/
       /*left: 79px;*/ 
	position: absolute;
}
.navbar {
	/*top: 40px; */
	top: 37px; /* Added for Template Project - Ux Comment */
	float: right;
	position: absolute;
	/*right: 46px;  */
	/*right: 41px;*/ /* Added for Template Project - Ux Comment */
	right: 161px; /* Added on 10thDec */
}
.sub-brand h2 {
	color: #fff;
	font-size: 24px;
	line-height: 70px;
	margin: 0;
	text-shadow: none;
}

.navbar .divider {
	/*border-right: 1px solid #e48f92; */
	border-right: 1px solid #FDF6F6;
	height: 20px;
	/*top: 5px; */
	top: 8px; /* Added for Template Project - Ux Comment */
       /* display: none !important; */ /*JC - 30Jun*/
	display: block !important; /* Added on 20th Nov -- display the header dividers */
}
.navbar .nav {
	top: 1px;
}
.navbar .nav > li > a.search {
	background-color: #a60a0b;
	border-bottom: 2px solid #333;
	color: #fff;
	height: 24px;
	line-height: 24px;
}

.header .search-container {
	top:40px; /*Added for Template Project - Ux Comment - Dark red boxes are different heights */
	position: absolute;
	/*right: 0;*/
	right: 120px; /*Added on 10th Dec*/
}

/*Added for Template Project - Ux Comment - Dark red boxes are different heights -- For 800px, 320px Viewport */
@media (max-width: 979px) {
	.header .search-container .search {
	  /*background: #991723; */
	  background: #840909; /*Added for Template Project */
	  border-bottom: none;
	  color: #fff;
	  cursor: pointer;
	  display: inline-block;
	  height: 14px;
	  line-height: 0px;
	  padding: 11px 13px 10px 13px !important;
	  position: relative;
	  text-decoration: none;
	  top: -2px;
	}
}

@media (min-width: 980px) { /*JC - 21Jun*/
	.header .search-container .search {
		/*background: #991723; */
		background: #840909; /*Added for Template Project */
		border-bottom: none;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		height: 17px; /*Added for Template Project - Ux Comment - Dark red boxes are different heights */
		line-height: 20px;
		padding: 8px 13px 10px;
		position: relative;
		text-decoration: none;
		top: -2px;
	}
}
.header .search-open {
	/*right: 0;*/
	right: 119px; /*Added on 10th Dec*/
	top: 73px;
	display: none;
	padding: 0;
	position: absolute;
	border-top: 0;
	z-index: 999;
	zoom: 1;
}
.search-open .btn-u {
	display: none;
}
.search-open input {
	background-color: #af091c;
	border: 0;
	border-radius: 3px!important;
	color: #666666;
	margin: 0;
}

.search-open ::-webkit-input-placeholder {
   color: #666666;
}

.search-open :-moz-placeholder { /* Firefox 18- */
   color: #666666;  
}

.search-open ::-moz-placeholder {  /* Firefox 19+ */
   color: #666666;  
}

.search-open :-ms-input-placeholder {  
   color: #666666;  
}

.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}
.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:0 !important;*word-spacing:0 !important;}
.slabtextdone .slabtext{display:block;line-height:0.9;}

.nav-collapse{top:0px;}


@media (max-width: 979px) {  /*JC - 21Jun*/

	.nav-collapse{	
	top:-7px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35) !important; /*Added for Template Project :: box shadow */
	}

	.search-container {
		display: none;
	}

	.navbar {
		left: auto;
		right: 0;
		top: 19px;
	}
	.navbar .nav .divider {
		display: none !important;
	}
	.navbar .nav > li > a {
		background-color: #DC2028;
	}
	.collapse.in li a,
	.collapse.in li a:hover,
	.collapse.in li a.dropdown-toggle { 
		border-bottom-width: 0!important;
	}
}

@media (max-width: 768px) {
	.nav-collapse{top:-7px;}
}

@media (max-width: 480px) {	
	.nav-collapse{top:-7px;left:46px;}
}

@media (max-width: 360px) {
	.nav-collapse{top:-7px;left:46px}}
}

.navbar .btn-navbar:hover {
	padding: 11px 12px 11px 12px !important;
	margin-top: 8px;
	margin-right:0;
	border: none !important;
}

.navbar .btn-navbar {
	padding: 11px 12px 11px 12px !important;
	margin-top: 8px;
	margin-right: 0;
	border: none !important;
}