/* ========== SBS Global Navigation @author - Mark Hogan ========== */ #sbs_menu {text-align:center;} #sbs_menu * {white-space:nowrap;border: 0 none;font-family:"arial", "times new roman";background:transparent;background-image:none;float:none;margin:0; padding:0; list-style-image:none; list-style-type:none;display:block;font-weight:normal;font-size:10px;line-height:1em;} #sbs_menu, #sbs_menu_bars, #sbs_menu_bars > ul, #sbs_menu_bars > ul > li > span {z-index:999999998;position:relative; height:auto; overflow:visible;} #sbs_menu_bars > ul:first-child, #sbs_menu_bars > ul:first-child li > ul {clear:both;z-index:999999999;} #sbs_menu_bars > ul {width:100%;} #sbs_menu {width:100%; margin:auto; height:auto;position:relative; top:0;left:0;background: #fff url(../../images/nav/sbs_menu_sprite.png) repeat-x 0 100%;} #sbs_menu_bars {display:inline-block; background: transparent url("../../images/nav/main_nav_bg.gif") no-repeat 0 0;} #sbs_menu_bars {width:978px;padding-left:12px;} #sbs_menu_bars > ul, #sbs_menu_bars {height:auto;overflow:visible;margin:auto;} #sbs_menu_bars > ul, #sbs_menu_bars > ul > li {position:relative; float:left;} #sbs_menu_bars > ul, #sbs_menu_bars > ul > li, #sbs_menu_bars > ul, #sbs_menu_bars > ul > li > div > a, #sbs_menu_bars > ul, #sbs_menu_bars > ul > li > div > a:visited {color:#1a1a1a;} #sbs_menu_bars > ul > li {margin-right:1px;} #sbs_menu_bars > ul > li.gnav-rhs {margin-right:0;} #sbs_menu_bars > ul > li > div {padding: 8px 10px;position:relative;border-left:1px solid transparent;border-right:1px solid transparent;} #sbs_menu_bars > ul:first-child > li div {font-weight:bold;} #sbs_menu_bars > ul > li.gnHover > div {background:#fff;} #sbs_menu_bars > ul > li > span {background-color:#fff;border:1px solid #d9d9d9;border-top:3px solid #666;width:auto;visibility:hidden;opacity:0;height:auto;overflow:visible;;position:absolute;top:100%;left:0;float:left;} #sbs_menu_bars > ul > li > span > ul {background:#fff;} #sbs_menu_bars > ul:first-child > li div {font-weight:normal;} /* brand logo */ #sbs_menu_bars > .sbs_menu_mask {/*background:transparent url(../images/sbs_logo_mask.png) no-repeat 0 50%; width:61px;height:50px;position:absolute;left:0;top:2px;*/} #sbs_menu_bars > .sbs_menu_mask {height:34px;width:47px;position:absolute;left:0;top:0px;} #sbs_menu_bars > .sbs_menu_mask > a {height:34px;width:47px; display:block;} /* my account */ #sbs_menu_bars > ul > li.gnav-ma > div {padding-left:24px;background-image: url(../../images/nav/sbs_menu_icon_sprite.png);background-position:7px -273px; background-repeat: no-repeat;} #sbs_menu_bars > ul > li.gnav-ma:hover > div {background-position:-381px -273px;} /* menu bar labels */ #sbs_menu_bars > ul > li > div {padding:10px 7px 9px 7px; margin-top:5px;} #sbs_menu_bars > ul > li > div, #sbs_menu_bars > ul > li > div > a, #sbs_menu_bars > ul > li > div > a:visited, #sbs_menu_bars > ul > li > div > a:hover {font-size:14px;text-decoration:none;} /* hovers */ #sbs_menu_bars > ul > li.gnHover.gnActive > div, #sbs_menu_bars > ul > li.gnHover.gnActive > div a, #sbs_menu_bars > ul > li > span > ul > li:hover, #sbs_menu_bars > ul > li.gnHover > div, #sbs_menu_bars > ul > li.gnHover > div > a:hover {background-color:#666;border-color:#666;} /* dropdowns */ #sbs_menu_bars > ul > li > span > ul {padding:7px;float:left;} #sbs_menu_bars > ul > li > span > ul > li {line-height:1.3em;text-align:left; white-space:nowrap;padding:4px 7px;text-transform:uppercase;} #sbs_menu_bars > ul > li > span > ul > li.mask:hover {background-color:transparent;} #sbs_menu_bars > ul > li > span > ul > li a, #sbs_menu_bars > ul > li > span > ul > li a:visited, #sbs_menu_bars > ul > li > span > ul > li a:hover {background-image:url(../../images/nav/sbs_menu_icon_sprite.png);background-repeat: no-repeat;background-position:0 5px;text-decoration:none;color:#1a1a1a; line-height:1.3em;} #sbs_menu_bars > ul > li > span > ul > li:active a, #sbs_menu_bars > ul > li > span > ul > li:hover a{background-position:-396px 5px;} #sbs_menu_bars > ul > li > span > ul > li.mask, #sbs_menu_bars > ul > li > span > ul > li.mask div {overflow:visible; height:5px;display:block;position:absolute;top:0;left:0;padding:0; margin:0; font-size:0;border-bottom:1px solid #d9d9d9;border-top:0 none;} /* active */ #sbs_menu_bars > ul > li > span > ul > li:active, #sbs_menu_bars > ul > li > span > ul > li:active a{background-color:#333 !important;color:#fff;} /* slave elements */ #sbs_menu_bars > ul > li > span > ul > li.sub, #sbs_menu_bars > ul > li > span > ul > li.sub a {color:#666;text-transform: none;text-indent:10px;background-position: 5px -96px;} #sbs_menu_bars > ul > li > span > ul > li.sub:hover a{background-position:-390px -96px;} #sbs_menu_bars > ul > li > span > ul > li.sub:hover {background-color:#888;} /* theme and active vertical text */ #sbs_menu_bars > ul > li.gnHover > div, #sbs_menu_bars > ul > li.gnHover > div > a, #sbs_menu_bars > ul > li.gnActive > div, #sbs_menu_bars > ul > li.gnActive > div > a, #sbs_menu_bars > ul > li > span > ul > li:hover, #sbs_menu_bars > ul > li > span > ul > li:hover a {color:#fff;} /* menu label test */ #sbs_menu_bars > ul > li > span > ul > li.gnLive > a > b, #sbs_menu_bars > ul > li > span > ul > li.gnNew > a > b {display:inline-block;margin-left:5px;background:transparent url(../../images/nav/labels.gif) no-repeat 0 100%;text-indent:-999999em;} /* Podcast link */ #sbs_menu_bars > ul > li.sbsPodcast > div {padding-left:25px;background-image: url(../../images/nav/down_arrow.png); background-position: 5px 10px;background-repeat: no-repeat;} #sbs_menu_bars > ul > li.sbsPodcast:hover > div, #sbs_menu_bars > ul > li.sbsPodcast.gnHover > div {background-position: 5px -40px;} /* Blogs link */ #sbs_menu_bars > ul > li.sbsBlogs > div, #sbs_menu_bars > ul > li.sbsBlogs:hover > div {padding-left:25px;background-image: url(../../images/nav/pen.png); background-position: 5px 11px;background-repeat: no-repeat;} #sbs_menu_bars > ul > li.sbsBlogs:hover > div, #sbs_menu_bars > ul > li.sbsBlogs.gnHover > div {background-position: 5px -40px;} /*#sbs_menu_bars > ul > li.sbsPodcast > div > a,*/ /*#sbs_menu_bars > ul > li.sbsPodcast > div > a:visited,*/ /*#sbs_menu_bars > ul > li.sbsPodcast > div > a:hover {}*/ #sbs_menu_bars > ul > li.gnLive > b, #sbs_menu_bars > ul > li.gnNew > b {position:absolute;top:0; right:8px;background:transparent url(../../images/nav/labels.gif) no-repeat 0 100%;text-indent:-999999em;} /* new */ #sbs_menu_bars > ul > li.gnNew > b, #sbs_menu_bars > ul > li > span > ul > li.gnNew > a > b {height:9px;width:22px;} /* live */ #sbs_menu_bars > ul > li.gnLive > b, #sbs_menu_bars > ul > li > span > ul > li.gnLive > a > b {height:9px;width:21px;background-position:0 0;} /* RHS */ #sbs_menu_bars > ul > .gnav-rhs {float:right;} #sbs_menu_bars > ul > li.gnav-rhs {background-color:#e5e5e5;} #sbs_menu_bars > ul > li.gnav-rhs:hover > div {} #sbs_menu_bars > ul > li.gnav-rhs > span, #sbs_menu_bars > ul > li.gnav-rhs > span > ul > li.mask div {left:auto; right:0;} #sbs_menu_bars > ul > li.gnav-rhs > span {border-top:1px solid #d9d9d9;} #sbs_menu_bars > ul > li.gnav-rhs > span > ul > li:hover, #sbs_menu_bars > ul > li.gnav-rhs > span > ul > li:hover a, #sbs_menu_bars > ul > li.gnHover.gnav-rhs, #sbs_menu_bars > ul > li.gnHover.gnav-rhs > div, #sbs_menu_bars > ul > li.gnHover.gnav-rhs > div > a, #sbs_menu_bars > ul > li.gnHover.gnav-rhs > div > a:visited, #sbs_menu_bars > ul > li.gnHover.gnav-rhs > div > a:hover {background-color:#1a1a1a;border-color:#1a1a1a;color:#fff;} /* double bar */ #sbs_menu_bars > ul > li > span > ul > li.mask div {background:#fff;height:6px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:0 none;border-top:0 none;} #sbs_menu_bars > ul:first-child > li > span > ul > li.mask {background-position:0 -10px;} /* CSS3 rounded corner and dropshadow */ #sbs_menu_bars > ul > li > div { -moz-border-radius-topright: 3px 2px; -moz-border-radius-topleft: 3px 2px; -webkit-border-top-left-radius:3px 2px; -webkit-border-top-right-radius:3px 2px; } #sbs_menu_bars > ul > li > span { -moz-border-radius-bottomright: 3px 2px; -moz-border-radius-bottomleft: 3px 2px; -webkit-border-bottom-left-radius:3px 2px; -webkit-border-bottom-right-radius:3px 2px; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); } #sbs_menu_bars > ul > li > span > ul > li { -moz-border-radius: 3px 2px; -webkit-border-radius: 3px 2px; } #sbs_menu, #sbs_menu_bars, #sbs_menu_bars > ul, #sbs_menu_bars > ul > li > span, #sbs_menu_bars > ul:first-child, #sbs_menu_bars > ul:first-child li > ul { z-index:1999 !important; }