@CHARSET "UTF-8";
/** General Styling **/
#hlp {
	margin: -2px 0 0 0;
	padding: 0;
	width: 320px;
	font-family: Helvetica, sans-serif;
}

#hlp ul {
	list-style: none;
}

#hlp ul li {
	background: #F3F3F1;
	border-bottom: 2px solid #A01A2B;
	border-left: 2px solid #A01A2B;
	border-right: 2px solid #A01A2B;
}

#hlp ul li a {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: black;
	display: block;
	padding: 19px 1.333em;
	/* added font-family here as well b/c some systems css have additional specificity for a links that otherwise override banner */
	font-family: Helvetica, sans-serif;
}

#hlp ul li#hlp_myaccounts {
	background: #4e84c4;
}

#hlp ul li#hlp_askus {
	background: #293352;
}

#hlp ul li#hlp_askus a {
	background: /* url("../images/qmark_fff.png") no-repeat 0 15, */ #293352;
	margin-left: 10px;
	color: #FFFFFF;
}
#hlp ul li#hlp_askus img {
	padding: 0 8px 0 0;
	margin-bottom: -4px;
}
#hlp ul li#hlp_myaccounts a {
	color: #FFFFFF;
}

/** Hover Behavior */
#hlp ul li:hover {
	background: #8C8179;
}

#hlp ul li:hover a {
	color: #FFF;
}

#hlp ul li#hlp_pennant:hover {
	background: #FFF;
	padding: 0;
}

#hlp ul li#hlp_logo {
	background: white;
	/* border-bottom: 4px #A51C30 solid; */
	padding: 0;
	margin: 0;
}

#hlp ul li#hlp_myaccounts:hover {
	background: #bac5c6;
	color: #000;
}

#hlp  li#hlp_askus:hover {
	background: #bac5c6;
	color: #000;
}

#hlp ul li#hlp_myaccounts:hover a {
	color: #000;
}

#hlp ul li#hlp_askus:hover a {
	background: url("../images/qmark_000.png") no-repeat 0 15;
    background-color: #bac5c6;
    color: #000;

}
#hlp ul#hlp_links li {
	margin-right: -5px;
}
/** Mobile-Only Stylng **/
@media ( max-width : 599px) {
	#hlp {
		width: 320px;
	}
	ul#hlp_links {
		display: none;
	}
	#hlp ul li a {
		width: 127px;
	}
	#hlp ul li#hlp_pennant,li#hlp_logo,li#hlp_menu,ul#hlp_links {
		position: absolute;
	}
	#hlp ul li#hlp_pennant {
		top: 0;
		left: 0;
		background: #FFF;
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	#hlp ul li#hlp_pennant a {
		padding: 0;
	}
	#hlp ul li#hlp_logo {
		top: 0;
		left: 129px;
	}
	#hlp ul li#hlp_logo {
		width: 80px;
		height: 59px;
		background: url("../uploaded_files/HVD/logo_v.png") no-repeat center center, #F3F3F1;
	}
	#hlp ul li#hlp_logo img {
		display: none;
	}
	#hlp ul li#hlp_logo img.hlp_shim {
		width: 60px;
		height: 21px;
		margin-left: -10px;
	}
	#hlp ul li#hlp_menu {
		top: 0;
		left: 129px;
		/* left: 211px; */
		height: 59px;
		width: auto;
		min-width: 93px;
		background: #FFF;
		color: black;
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		cursor: pointer;
	}
	#hlp ul li#hlp_menu img {
		float: left;
		width: 20px;
		margin: 19px 0 0 12px;
	}
	#hlp ul li#hlp_menu #hlp_menutext {
		float: right;
		margin: 21px 15px 0 5px;
	}
	#hlp ul#hlp_links {
		top: 45px;
		left: 90px;
		max-width: 190px;
	}
}
/* from horizontal */
@media ( min-width :600px) { 
/* Unset Mobile-Only Styling */
	li#hlp_pennant,li#hlp_logo,li#hlp_menu,ul#hlp_links {
		position: static;
	}
	#hlp  ul#hlp_links {
		display: inline !important;
	}
	#hlp ul li {
		border-right: none;
	}

	/* Horizontal Bar Styling */
	#hlp {
		width: 1170px;
		position: relative;
	}
	#hlp ul {
		background: #F3F3F1;
		display: inline;
		padding: 8px 0;
		margin: 0;
		border-bottom: 4px solid #A01A2B;
	}
	#hlp ul li {
		display: inline;
		background: #F3F3F1;
		border-bottom: 4px solid #A01A2B;
		border-left: 2px solid #A01A2B;
		/* margin-right: -5px; */
		padding: 8px 12px;
	}
	#hlp ul li a {
		display: inline-block;
		height: 17px;
		font-size: 11px;
		padding: 0;
	}
	#hlp ul li a img {
		margin-top: 0;
	}
	#hlp ul li#hlp_logo,li#hlp_pennant {
		float: left;
		margin-top: -8px;
		margin-right: 0;
		border: none;
	}
	#hlp ul li#hlp_pennant,li#hlp_search {
		border-left: none;
	}
	#hlp ul li#hlp_logo {
		/* width: 113px; */
		background-color: white;
	}
	#hlp ul li#hlp_logo:hover {
		background-color: white;
		border-color: #8C8179;
	}
	/* #hlp ul li#hlp_logo img.hlp_shim {
		width: 129px;
		height: 77px;
		margin: 0;
		padding: 0;
	} */
	#hlp ul li#hlp_pennant {
		background-color: white;
		border: none;
		padding: 0;
	}
	#hlp ul li#hlp_menu {
		display: none;
	}
	#hlp ul li#hlp_search {
		border-left:none;
	}	
	#hlp ul li#hlp_askus {
		border-right: 2px solid #A01A2B;
		margin-left: -4px;
	}
	#hlp ul li#hlp_askus a {
		background: /* url("../images/qmark_fff.png") no-repeat -1 -2,  */ #293352;
		margin: 0;
		/* padding-left: 20px; */
	}
	#hlp ulli#hlp_askus:hover a {
		background: url("../images/qmark_000.png") no-repeat -1 -2, #bac5c6;
	}
	#hlp ul li img {
		border: none;
	}
}