/* ONESHARE NAV - Updated 9.24.09 */

#nav {
	padding-bottom: 25px;
	background-image: url(../images/nav_menuribbon.gif);
	width: 1022px;
	margin-right: 80px;
	margin-left: -40px;
	background-repeat: no-repeat;
	padding-top: 7px;
	font-weight: bold;	
}

#nav ul { /* all lists */
	list-style: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 50px;
	margin: 0;
}

#nav li { /* all list items */
    width: 50px;
	float: left;
	position: relative;
	font-size:11px;
	padding-right: 25px;
}

#nav li.whatisoneshare { /* list items width */
    width: 135px;
	padding-right: -10px;
	font-color: #7db5da;
}

#nav li.browse { /* list items width */
    width: 80px;
	margin-left: -20px;
	margin-right: -15px;
}

#nav li.myfirststock { /* list items width */
    width: 105px;
	margin-right: -15px;
}

#nav li.cart { /* all list items */
	padding-left: 20px;
	margin-left: 20px;
	background-image: url(images/img_cart.gif);
	background-repeat: no-repeat;
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	margin-left: -50px;
	padding-top: 5px;
	
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, li.over ul{ display: block; }

#nav ul li a.sub {
	display: block;
	text-decoration: none;
	color: #777;
	background: #ece9d9;
	padding: 5px;
	border-bottom: 0;
	width: 100px;
	}
	
#nav ul li a {
	display: block;
	text-decoration: none;
	color: #5e5e5e;
	}
	
#nav ul li a.nodec {
	display: block;
	text-decoration: none;
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0;
	padding: 0;
	}
	
#nav ul li a.myfirststock {
	color: #0fad16;
	}
	
#nav ul li a.oneshare {
	color: #5ca8db;
	}



/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; }
* html #nav ul li a { height: 1%; }
/* End */
