/* ========================== */
/* = O2 Navigation CSS File = */
/* ========================== */

/* selected pages */

#explore #main_nav li.l1 a.main_link { background-position: 0px -65px; }
#shop #main_nav li.l2 a.main_link { background-position: 0px -65px; }
#support #main_nav li.l3 a.main_link { background-position: 0px -65px; }
#myo2 #main_nav li.l4 a.main_link { background-position: 0px -65px; }


/* main nav: list elements */
#main_nav { height: 100%; }
#main_nav li {
	float: left;
	height: 65px;
	margin-right: 19px;
	background-position: 0px 65px;
	background-repeat: no-repeat;
	overflow:hidden; }
#main_nav li:hover, #main_nav li.sfhover { background-position: 0px 0px; }
#main_nav li.pad_right 	{ margin-right: 118px; }
#main_nav li.selected 	{ background-position: 0px -65px; }
#main_nav li.no_right_marg,
#main_nav li.last 		{ margin-right: 0; }
#main_nav li.last 		{ float: right; }
#main_nav li.l1 		{ width: 113px; background-image: url(images/explore-tabs.png);}
#main_nav li.l2 		{ width: 89px; background-image: url(images/shop-tabs.png);}
#main_nav li.l3 		{ width: 122px; background-image: url(images/support-tabs.png);}
#main_nav li.l4 		{ width: 104px; background-image: url(images/myo2-tabs.png);}

#main_nav li:hover a {
	background-position: 0px -65px;
}

/* main nav: anchor elements */
#main_nav li a {
	display: block;
	float: left;
	height: 100%;
	line-height: 28px;
	padding: 0 3px;
	margin-left:4px;
	background-position: 0px 0px;
	background-repeat: no-repeat; }
#main_nav li a:hover { background-position: 0px -65px; }
#main_nav li a span { display:none; }

#main_nav li.l1 a { width: 80px; background-image: url(images/explore-sprite.png);}
#main_nav li.l2 a { width: 56px; background-image: url(images/shop-sprite.png);}
#main_nav li.l3 a { width: 89px; background-image: url(images/support-sprite.png);}
#main_nav li.l4 a { width: 71px; background-image: url(images/myo2-sprite.png);}
#main_nav li.selected a { background-position: 0px -130px !important; }
#main_nav li a.expand_link {
	width: 15px;
	height: 100%;
	margin:0;
	background-image: url(images/widget-sprite.png);
	background-position: 0px 0px; }
#main_nav li a.expand_link:hover { background-position: 0px -65px; }
#main_nav li.selected a.expand_link { background-position: 0px -130px; }
#main_nav li a.expand_link span { display:none; }


#main_nav li.last a { 
	color: #fff;
	width:94px;
	height:22px;
	line-height:22px;
	padding:0;
	margin-top:18px;
	text-align: center;
	background-image: url(images/o2businessbg.png);
	background-position:0 0;
	background-repeat: no-repeat;
}
#main_nav li.last a:hover {
	text-decoration:none;
}
#main_nav li.last a span { display:block; }

/* menus */
#menus {
	position: relative;
	overflow: hidden;
}
#menus .menu_container {
	position: absolute;
	top: -1000px;
	width:950px;
	margin:6px;
	padding: 0 4px;
	background:#eaf3fb;
	border-left: 1px solid #c8e3fd; 
	border-right: 1px solid #c8e3fd; 
}
#menus .top_corners,
#menus .bottom_corners { 
	height:5px;
	overflow:hidden;
	width:960px;
	margin:6px 6px 0 6px; 
	position:absolute;
	z-index:100; 
	visibility:hidden;
}
#menus .top_corners 	{ background: url(images/menu-wrap-top.gif) no-repeat top left; top:0;  }
#menus .bottom_corners 	{ background: url(images/menu-wrap-btm.gif) no-repeat top left; bottom:0;  }
#menus .menu_rows 	{ float:left; }
#menus .menu_row,
#menus .menu_static  { margin:12px 0; }
.menu_nav 	{ float:left; width:212px; padding:0 8px; margin-right:12px; }
#menus .menu_nav.last,
#menus .menu_static .menu_nav { margin-right:0; }
#menus .menu_static .menu_nav { margin-left:12px; }


/* menu nav: anchor elements */
.menu_nav { }

.menu_nav a { display:block; padding-bottom: 0px; font-size:1.05em; }
.menu_nav li a,
.menu_nav p { color: #515559; padding:2px 0 !important; font-size:1em; }
.menu_nav p { margin-bottom:12px; }
.menu_nav a,
.menu_static .menu_nav li a { color: #0086c3; font-size:1.05em; }

a { color: #0086c3; text-decoration: none; }
a:hover { color: #0086c3; text-decoration: underline; }

/* navigation for business */
.biz_o2 li.l11 {width:182px; background-image: url(images/200-tabs.png);}
.biz_o2 li.l11 a {width:149px; background-image: url(images/200-sprite.png);}

.biz_o2 li.l12 {width:144px; background-image:url(images/corporate-tabs.png);}
.biz_o2 li.l12 a {width:111px; background-image: url(images/corporate-sprite.png);}

.biz_o2 li.business_pad_right {margin-right:3px !important;}