/* shared between marketing site and new account signup */

/* HEADER - see separate stylesheet */

/* HEADER: logo */

#ohHeader #logo {
	background: url(/asset/img/main/logo.jpg) 0 0 no-repeat;
	width:277px;
	margin: 10px 10px 5px -15px;
	float: left;
}
#ohHeader #logo a img {
	display:block;
	height:68px;
	width:277px;
}

/* HEADER: live help */

#ohHeader #liveHelp {
	background: url(/asset/img/main/postitnote.jpg) 0 0 no-repeat;
	padding: 0 0 0 60px;
	float: right;
	margin: 34px 10px 0 0;
	height: 44px;
}
#ohHeader #liveHelp h4.live {
	color: #036;
	font-weight: bold;
	line-height: 1.231;
	margin-bottom: 0;
}
#ohHeader #liveHelp p,
#ohHeader #liveHelp li {
	font-size: 11px;
	margin: 0;
}
#ohHeader #liveHelp a {
	font-weight: normal;
}

#ohHeader #liveHelp ul.piped li{
    padding: 1px 5px 1px 5px;       
}


/* ohHeader: secure login */

#ohHeader #secureLogin {
	background-image: url( /asset/img/securelockhover.jpg );
	background-position: 5px 3px;
	background-repeat: no-repeat;
	width: 102px;
	border-left: 1px solid #000;
	margin: 40px -15px 0 0;
	float: right;
}
#ohHeader #secureLogin.hover {
	background-position: 5px -29px;
	cursor: pointer;
}
#ohHeader #secureLogin h4 {
	font-size: 13px;/* needs to be explicit for signup success page*/
	margin: 0;
}
#ohHeader #secureLogin h4 a {
	text-transform: uppercase;
	display: block;
	padding-left: 28px;
	color: #036;
	font-weight: bold;
	padding-top: 2px;
	text-decoration: none;
	line-height: 1.231;
}
#ohHeader #secureLogin.hover h4 a,
#ohHeader #secureLogin h4 a:hover {
	color: #666;
	text-decoration: none;
}

/* HEADER: main navigation */

#ohHeader #mainNav {
	clear: both;
	background: url(/asset/img/nav/navBar.jpg) 0 0 no-repeat;
	margin-left: -20px;
	width: 989px;
}

* html #ohHeader #mainNav {
     margin-left: 0;
     position:relative;
     left:-20px;
}

#ohHeader #mainNav ul {
    margin: 0 0 0 15px;
    list-style: none;
}
#ohHeader #mainNav ul li {
	padding: 0;
	list-style: none;
	float: left;
}

#ohHeader #mainNav ul li a {
	background-image: url(/asset/img/nav/navDivider.png);
    background-repeat: no-repeat;
    background-position:  right;
    display: block;
	min-height: 20px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
    margin-top:8px;
    letter-spacing: .9px;
	padding: 0 2px 0 0;
}

* html #ohHeader #mainNav ul li a {
    background-image: none;
    border-right: 1px solid #ccc;
}

#ohHeader #mainNav ul li.noDivider a {
	background: none;
}

* html #ohHeader #mainNav ul li.noDivider a,
* html #ohHeader #mainNav ul li.nav_account a {
	border: none;
}

#ohHeader #mainNav ul li a span {
	display: block;
	font-weight: bold;
	min-height: 16px;
    padding: 2px 15px 0 15px;
    
}

#ohHeader #mainNav ul li a.hover span {
	background: url(/asset/img/nav/nav_hover.jpg) 0 0 repeat-x;
	border-color: #666;
}

#ohHeader #mainNav ul li a.selected span {
	background: url(/asset/img/nav/nav_selected.jpg) 0 0 repeat-x;
	border-color: #666;
}

#ohHeader #mainNav ul li.nav_account {
	float: right;
	margin-right:15px;
}
* html #ohHeader #mainNav ul li.nav_account {
    margin-right: 8px;
}


#ohHeader #mainNav ul li.nav_account a {
	background-image:none;
	padding:5px 0 0 0;
	font-size:15px;
	letter-spacing:.3px;
    margin: 0 0 10px 0;
}

#ohHeader #mainNav ul li.nav_account a span {
	background: #486c82 url(/asset/img/nav/navOpenAccount.jpg) 0 0 repeat-x;
	border: 1px solid #666;
	min-height: 20px;
	padding: 2px 20px 0 20px;
}

#ohHeader #mainNav ul li.nav_account a:hover span {
	background: #59744b url(/asset/img/nav/navOpenAccount_selected.jpg) 0 0 repeat-x;
	border: 1px solid #666;
	color: #fff;
}

/******************************************************************************
*
* float clearing
*
******************************************************************************/

* html #ohHeader #mainNav ul,
* html #ohHeader {
	height: 1%;
	overflow: visible;
}

*+html #ohHeader #mainNav ul,
*+html #ohHeader {
	min-height: 1%;
}

#ohHeader #mainNav ul:after,
#ohHeader:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* END OF FILE */