/* navigation stuff */
body {
	behavior: url("/global/nav/csshover.htc"); /* WinIE behaviour call */ 
}

div#nav {	
	position:absolute;
	top:73px;
	left:20px;
	width:790px;
	height:47px;
	margin:0;
	padding:0px;
	z-index:2; /*MAKEs THE DROPDOWN APPEAR OVER THE PHOTO IN IE*/
} 

#simple-menu, 
#sidr, 
div#nav li#mobile-only {display:none;}

@media (max-width: 1024px) {
	div#nav {	
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:47px;
		text-align:center;
	} 
}

@media (max-width: 700px) {		
	#nav {display:none;}
		
	#simple-menu {
		position:absolute;
		top:27px;
		left:15px;
		width:40px;
		height:42px;
		display:block;
		background-image:url("/img/hamburger.png");
		background-position:top left;
		background-repeat:none;
		background-color:#ffa927;
		border-radius:5px; 
		transition:all 0.3s ease;
	}
	
	#simple-menu:hover {background-color:#db9121;}
	
	#sidr li {text-align:left;}
	
	#sidr #refrigerants a, 
	#sidr #tools a, 
	#sidr #industrial a, 
	#sidr #resources a, 
	#sidr #about a, 
	#sidr #contact a, 
	#sidr #gas a, 
	#sidr #intl a{
		display:block;
		height:auto;
	}
	
	#sidr #refrigerants, 
	#sidr #tools, 
	#sidr #industrial, 
	#sidr #resources, 
	#sidr #about, 
	#sidr #contact, 
	#sidr #gas, 
	#sidr #intl {
		float:none;
		height:auto;
	}
	
	div#nav li#mobile-only {
		display:block;	
	}

}

div#nav ul {
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
}

@media (max-width: 1024px) {
	div#nav ul {
		margin:0 auto;
	}
}

div#nav ul li span {
	margin-left:-2000px;
}

#refrigerants a, #tools a, #industrial a, #resources a, #about a, #contact a, #gas a, #intl a{
	display:block;
	height:47px;	
	border:0px solid black;
}

#refrigerants, #tools, #industrial, #resources, #about, #contact, #gas, #intl {
	float:left;
	height:47px;
	border:0px solid black;
}

div#nav #refrigerants ul.level2 a {width:186px;}
div#nav #refrigerants ul.level2 {background-image:url("/img/bg-nav-refrigerants.png");}
div#nav #refrigerants, div#nav #refrigerants ul.level2, div#nav #refrigerants ul.level2 {width:208px;}
div#nav #refrigerants a, div#nav #refrigerants a:visited {background:url("/img/btn-refrigerants.gif") top left no-repeat;}
div#nav #refrigerants a:hover {background:url("/img/btn-refrigerants.gif") top right no-repeat;}

div#nav #tools ul.level2 a {width:57px;}
div#nav #tools ul.level2 {background-image:url("/img/bg-nav-tools.png");}
div#nav #tools, div#nav #tools ul.level2, div#nav #tools ul.level2 {width:79px;}
div#nav #tools a, div#nav #tools a:visited {background:url("/img/btn-tools.gif") top left no-repeat;}
div#nav #tools a:hover {background:url("/img/btn-tools.gif") top right no-repeat;}

div#nav #industrial ul.level2 a {width:123px;}
div#nav #industrial ul.level2 {background-image:url("/img/bg-nav-industrial.png");}
div#nav #industrial, div#nav #industrial ul.level2, div#nav #industrial ul.level2 {width:145px;}
div#nav #industrial a, div#nav #industrial a:visited {background:url("/img/btn-industrial.gif") top left no-repeat;}
div#nav #industrial a:hover {background:url("/img/btn-industrial.gif") top right no-repeat;}

div#nav #resources ul.level2 a {width:68px;}
div#nav #resources ul.level2 {background-image:url("/img/bg-nav-resources.png");}
div#nav #resources, div#nav #resources ul.level2, div#nav #resources ul.level2 {width:91px;}
div#nav #resources a, div#nav #resources a:visited {background:url("/img/btn-resources.gif") top left no-repeat;}
div#nav #resources a:hover {background:url("/img/btn-resources.gif") top right no-repeat;}

div#nav #about ul.level2 a {width:66px;}
div#nav #about ul.level2 {background-image:url("/img/bg-nav-about1.png");}
div#nav #about, div#nav #about ul.level2, div#nav #about ul.level2 {width:77px;}
div#nav #about a, div#nav #about a:visited {background:url("/img/btn-about.gif") top left no-repeat;}
div#nav #about a:hover {background:url("/img/btn-about.gif") top right no-repeat;}

div#nav #contact ul.level2 a {width:130px;}
div#nav #contact ul.level2 {background-image:url("/img/bg-nav-contact.png");}
div#nav #contact {width:130px;}
div#nav #contact a, div#nav #contact a:visited {background:url("/img/btn-contact.gif") top left no-repeat;}
div#nav #contact a:hover {background:url("/img/btn-contact.gif") top right no-repeat;}

div#nav #gas ul.level2 a {width:57px;}
div#nav #gas ul.level2 {background-image:url("/img/bg-nav-gas.png");}
div#nav #gas, div#nav #gas ul.level2, div#nav #gas ul.level2 {width:79px;}
div#nav #gas a,div#nav #gas a:visited {background:url("/img/btn-gas.gif") top left no-repeat;}
div#nav #gas a:hover {background:url("/img/btn-gas.gif") top right no-repeat;}

div#nav #intl ul.level2 a {width:20px;}
div#nav #intl ul.level2 {background-image:url("/img/bg-nav-intl.png");}
div#nav #intl, div#nav #intl ul.level2, div#nav #intl ul.level2 {width:111px;}
div#nav #intl a, div#nav #intl a:visited {background:url("/img/btn-intl.gif") top left no-repeat;}
div#nav #intl a:hover {background:url("/img/btn-intl.gif") top right no-repeat;}

div#nav #refrigerants ul.level2 li a {background-image:none;}
div#nav #tools ul.level2 li a {background-image:none;}
div#nav #industrial ul.level2 li a {background-image:none;}
div#nav #resources ul.level2 li a {background-image:none;}
div#nav #about ul.level2 li a {background-image:none;}
div#nav #contact ul.level2 li a {background-image:none;}

div#nav ul li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float:left; 
} 

div#nav li:hover {
	/*background: #15546f;*/ 
}

div#nav li.submenu {
	/*width: auto;*/
	/*padding:9px 15px 9px 15px; changes main button height*/
}

@media (max-width: 1024px) {
	div#nav > ul > li {
		float:none;
		margin:0 auto;
		display:inline-block;
	}
}

div#nav li a {
	display: block; 
	padding: 0px;	
	font:bold 20px arial, verdana, sans-serif;
	color:#FFFFFF; 
	text-decoration: none;
}
	
div#nav li a:hover {
	border-left-color:#222222;
}

div#nav ul li {
	z-index:22;
}
div#nav ul ul {
	position: absolute;  
	display: none; 
	z-index: 23;
	/*background-color:#ffa927;
	width:91px;*/
}

div#nav ul ul li { 
	border-bottom: 0px solid #d7d7d7;
}

div#nav li.submenu li.submenu {
	width:91px;
	padding:0px;
}

div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
	display: block;
}

@media (max-width: 700px) {
	div#sidr ul ul {
		position: static;  
		display: none; 
		z-index: 23;
	}
	
	/*
	DISABLE HOVER FUNCTIONALITY ON MOBILE, USE JS TOGGLING INSTEAD -jreyes 7-9-15
	
	div#sidr ul.level1 li.submenu:hover ul.level2, 
	div#sidr ul.level2 li.submenu:hover ul.level3 {
		display: block;
	}
	
	*/
}

div#nav ul.level1 li.submenu:hover {
	/*background-color: #15546f; /*changes main btn hover bg color*/
}

div#nav ul.level2 li.submenu:hover {
	/*background: #ffbc56; changes dropdown hover bg color*/
}

div#nav ul.level2 li:hover {
	/*background: #ffbc56; /*changes dropdown hover bg color*/
}

/*div#nav ul.level1 a:hover {
	color:#fff; change main btn text color on hover
}*/

div#nav ul.level2 {
	top: 47px; 
	left: 0px; 
	/*width:91px; */
	padding-bottom:12px;
	background-position:bottom left;
	background-repeat:no-repeat;
	border: 0px solid #d7d7d7; 
}

div#nav ul.level2 li {

	/*width:91px; */
}

/*div#nav ul.level2 a.last {
	background-image:url("/img/bg-resources-bottom.png");
	background-position:bottom left;
	background-repeat:no-repeat;
}*/

div#nav ul.level2 a {
	color:#000;
	font:bold 12px arial, Verdana sans-serif;
	padding:4px; 
	padding-left:14px;
	/*width: 71px !important;
	width:68px;*/
	height:auto;
	background-image:none;
	border:0px solid #000;
}

div#nav ul.level2 a:hover {
	padding-left:16px;
	background-image:none; /*Ie6: KEEPS MAIN BTN BG IMAGE FROM SHOWING UP BEHIND DROPDOWN BTNS */
}

/*div#nav ul.level3 {
	top: -1px; left: 180px; 
	border: 1px solid #d7d7d7;  
}

div#nav ul.level3 a {
	padding:5px;
	width: 180px;
}*/