/* ========== SBS Global Navigation @author - Mark Hogan ========== */ #mnav {text-align:center;} #mnav * {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;} #mnav, #mnav_bars, #mnav_bars > ul, #mnav_bars > ul > li > span {z-index:99999998;position:relative; height:auto; overflow:visible;} #mnav_bars > ul:first-child, #mnav_bars > ul:first-child li > ul {clear:both;z-index:99999999;} #mnav_bars > ul {} #mnav {width:100%; margin:auto; height:auto;position:relative; top:0;left:0;background: #fff url(../images/menu/mnav.png) repeat-x 0 100%;height:33px;} #mnav_bars {display:block;width:990px;padding-left:0px;} #mnav_bars > ul, #mnav_bars {height:auto;overflow:visible;margin:auto;} #mnav_bars > ul, #mnav_bars > ul > li {position:relative; float:left;} #mnav_bars > ul, #mnav_bars > ul > li, #mnav_bars > ul, #mnav_bars > ul > li > div > a, #mnav_bars > ul, #mnav_bars > ul > li > div > a:visited {color:#fff;} #mnav_bars > ul > li {margin-right:3px;} #mnav_bars > ul > li.mnav-rhs {margin-right:0;} #mnav_bars > ul > li > div {padding: 8px 10px;position:relative;border-left:1px solid transparent;border-right:1px solid transparent;} #mnav_bars > ul:first-child > li div {font-weight:bold;} #mnav_bars > ul > li.mnHover > div {background:#fff;} #mnav_bars > ul > li > span {background-color:#fff;border:1px solid #d9d9d9;border-top:0 none;width:auto;visibility:hidden;opacity:0;height:auto;overflow:visible;;position:absolute;top:100%;left:0;float:left;} #mnav_bars > ul > li > span > ul {background:#fff;} #mnav_bars > ul:first-child > li div {font-weight:normal;} /* my account */ #mnav_bars > ul > li.mnav-ma > div {padding-left:24px;background-image: url(../images/menu/mnav_icon_sprite.png);background-position:7px -273px; background-repeat: no-repeat;} #mnav_bars > ul > li.mnav-ma:hover > div {background-position:-381px -273px;} /* menu bar labels */ #mnav_bars > ul > li > div {padding:7px; margin-top:7px;} #mnav_bars > ul > li > div, #mnav_bars > ul > li > div > a, #mnav_bars > ul > li > div > a:visited, #mnav_bars > ul > li > div > a:hover {font-size:12px;text-decoration:none; text-transform:uppercase;} /* hovers */ #mnav_bars > ul > li.mnHover.mnActive > div, #mnav_bars > ul > li > span > ul > li:hover, #mnav_bars > ul > li.mnHover > div, #mnav_bars > ul > li.mnHover > div > a:hover {background-color:#eb5e09;border-color:#eb5e09;} #mnav_bars > ul > li.mnHover.mnActive > div > a, #mnav_bars > ul > li > span > ul > li:hover, #mnav_bars > ul > li > span > ul > li:hover a, #mnav_bars > ul > li > span > ul > li:hover a:visited {background-color:#eb5e09;color:#fff;} /* dropdowns */ #mnav_bars > ul > li > span > ul {padding:7px;float:left;} #mnav_bars > ul > li > span > ul > li {line-height:1.3em;text-align:left; white-space:nowrap;padding:4px 7px;text-transform:uppercase;} #mnav_bars > ul > li > span > ul > li.mask:hover {background-color:transparent;} #mnav_bars > ul > li > span > ul > li a, #mnav_bars > ul > li > span > ul > li a:visited, #mnav_bars > ul > li > span > ul > li a:hover {color:#333;background-image:url(../images/menu/mnav_icon_sprite.png);background-repeat: no-repeat;background-position:0 5px;padding-left:10px;text-decoration:none;color:#1a1a1a; line-height:1.3em;} #mnav_bars > ul > li > span > ul > li:active a, #mnav_bars > ul > li > span > ul > li:hover a {background-position:-396px 5px; color:#fff;} #mnav_bars > ul > li > span > ul > li.mask, #mnav_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 */ #mnav_bars > ul > li > span > ul > li:active, #mnav_bars > ul > li > span > ul > li:active a{background-color:#333 !important;color:#fff;} /* active items */ #mnav_bars > ul > li.mnActive > div > a, #mnav_bars > ul > li.mnActive > div {background-color:#fff;color:#333;} #mnav_bars > ul > li.mnActive.mnHover > div, #mnav_bars > ul > li.mnActive.mnHover > div > a, #mnav_bars > ul > li.mnHover > div, #mnav_bars > ul > li.mnHover > div > a, #mnav_bars > ul > li > span > ul > li:hover, #mnav_bars > ul > li > span > ul > li:hover a {color:#fff;} /* RHS */ #mnav_bars > ul > .mnav-rhs {float:right;} #mnav_bars > ul > li.mnav-rhs {background-color:#e5e5e5;} #mnav_bars > ul > li.mnav-rhs:hover > div {} #mnav_bars > ul > li.mnav-rhs > span, #mnav_bars > ul > li.mnav-rhs > span > ul > li.mask div {left:auto; right:0;} #mnav_bars > ul > li.mnav-rhs > span {border-top:1px solid #d9d9d9;} #mnav_bars > ul > li.mnav-rhs > span > ul > li:hover, #mnav_bars > ul > li.mnav-rhs > span > ul > li:hover a, #mnav_bars > ul > li.mnHover.mnav-rhs, #mnav_bars > ul > li.mnHover.mnav-rhs > div, #mnav_bars > ul > li.mnHover.mnav-rhs > div > a, #mnav_bars > ul > li.mnHover.mnav-rhs > div > a:visited, #mnav_bars > ul > li.mnHover.mnav-rhs > div > a:hover {background-color:#1a1a1a;border-color:#1a1a1a;color:#fff;} /* double bar */ #mnav_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;} #mnav_bars > ul:first-child > li > span > ul > li.mask {background-position:0 -10px;} /* CSS3 rounded corner and dropshadow */ #mnav_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; } #mnav_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); } #mnav_bars > ul > li > span > ul > li { -moz-border-radius: 3px 2px; -webkit-border-radius: 3px 2px; } #mnav_bars .download_cat {float:right; margin:15px 10px 0 0;} #mnav_bars .download_cat a {color:#fff; font-size:12px; text-transform:uppercase;}