/* *********************************************************************************** */ /* 03. NAVIGATION /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. MAIN NAVIGATION /*---------------------------------------------------------------*/ #menu-main-nav {list-style:none;margin:0;padding:0;list-style:none;float:right; margin-top:63px; margin-right:20px;} #menu-main-nav a {outline: none;} #menu-main-nav li {float:left;padding:5px 10px 5px 10px;position:relative;vertical-align:top;height:1%;margin-right: 2px;} #menu-main-nav ul li {background: none;} #menu-main-nav li.parent:hover {position:relative;} #menu-main-nav li.parent li.parent:hover {background:none;} #menu-main-nav li.parent li.parent li.parent:hover {background:none;} #menu-main-nav li.parent {letter-spacing:0.2px;} #menu-main-nav li strong {text-transform:uppercase;display:block;font-size:13px;letter-spacing: 0.6px;font-weight:800;} #menu-main-nav a {display:block;} #menu-main-nav a:hover {background-position:0 0;text-decoration:none;} #menu-main-nav .drop {width:236px;padding:0 1px 0 1px;position:absolute;left:-1px;top:40px;display:none;z-index:999;} #menu-main-nav .sub-menu {display: none;} #menu-main-nav .drop li.current-menu-item, #menu-main-nav .drop li.current_page_ancestor, #menu-main-nav .drop li.hover {z-index:10;} #menu-main-nav .drop .t, #menu-main-nav .drop .b {height:10px;overflow:hidden;} #menu-main-nav .drop .c {width:100%;} #menu-main-nav .drop ul {margin:0;padding:5px 0 8px;width:236px;list-style:none;} #menu-main-nav .drop ul li {float:none;padding:0;position:relative;height:1%;padding:0 8px;background:none;} #menu-main-nav .drop ul a {display:block;height:1%;width: 220px;} #menu-main-nav .drop ul a span {display:block;padding:7px 13px;height:1%;cursor:pointer;} #menu-main-nav .drop ul .drop {top:0;left:236px;} #menu-main-nav .drop ul .drop ul a {background:none;} #menu-main-nav .drop ul .drop ul a span {background:none;} #menu-main-nav .drop ul .drop ul .drop a, #menu-main-nav .drop ul .drop ul .drop a span {background:none;} #menu-main-nav li:hover .drop, #menu-main-nav li.hover .drop {display:block;} #menu-main-nav li:hover .drop ul .drop, #menu-main-nav li.hover .drop ul .drop {display:none;} #menu-main-nav li:hover .drop ul li:hover .drop, #menu-main-nav li.hover .drop ul li.hover .drop {display:block;} #menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span {text-decoration:none;color:#999;} #menu-main-nav .drop ul li.current-menu-item ul li a, #menu-main-nav .drop ul li.current-menu-item ul li a span, #menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {background: none;} /*---------------------------------------------------------------*/ /* 2. VERTICAL SUB NAVIGATION /*---------------------------------------------------------------*/ #sub_nav {float: left;width:220px;float:left;background:red;padding-bottom:65px;overflow:hidden;} #sub_nav ul a {display:block;background:url(../images/cp_design/menu/separator3.gif) 0 100% repeat-x;padding:4px 0 8px 20px;height:1%;position:relative;margin:0 13px 0 0;} #sub_nav ul a:hover, #sub_nav ul li.current_page_item a {margin-right:0;color:#fff;text-decoration:none;} #sub_nav ul ul a {background:url(../images/cp_design/menu/bullet1.gif) 0 9px no-repeat;padding:4px 0 1px 14px;} #sub_nav ul ul a:hover {text-decoration:underline;color:#666;} #sub_nav ul {margin:0;padding:0;list-style:none;} #sub_nav ul li {vertical-align:top;height:1%;} #sub_nav ul ul {list-style:none;margin:0;padding:9px 0 6px 31px;} #sub_nav ul ul ul {padding:5px 0 9px 23px;} .nav_right_sub_nav ul li.current_page_item ul li a, .nav_right_sub_nav ul li.current_page_item ul li a:hover, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a:hover, .nav_right_sub_nav ul li ul li a, .nav_right_sub_nav ul li ul li a:hover{padding-left: 15px;margin: 0 0 0 13px;} .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, #sub_nav li.current-menu-parent ul li.current_page_item a {font-weight: bold;} .nav_right_sub_nav ul li.current_page_item ul li.current_page_item ul li a {font-weight: normal;} .nav_right_sub_nav {float: right;background:url(../images/cp_design/menu/bg-sidebar.gif) 12px 0 repeat-y;} .nav_right_sub_nav ul a {margin:0 0 0 13px;} .nav_right_sub_nav ul li.current_page_item a, .nav_right_sub_nav ul a:hover {margin-left:0;padding-left: 33px;} #sub_nav ul li ul li.current_page_item ul li a {font-weight: normal;} /*---------------------------------------------------------------*/ /* 3. HORIZONTAL SUB NAVIGATION /*---------------------------------------------------------------*/ #horizontal_nav {width: 100%;float: left;background: url(../images/cp_design/menu/separator3.gif) 0 100% repeat-x;padding-bottom: 20px;margin: -20px 0 30px 0;} #horizontal_nav ul {margin:0 0 0 -25px;padding:0;list-style:none;height:1%;overflow:hidden;} #horizontal_nav ul li {float: left;margin-left: 25px;} #horizontal_nav ul {float:left;} #horizontal_nav ul a {float:left;padding:0 11px 0 0;outline:none;color:#474747;text-decoration: none;} #horizontal_nav ul a:hover, #horizontal_nav ul .current_page_item {background:url(../images/cp_design/menu/bg-horz-active.jpg) 100% 0 no-repeat;text-decoration:none;} #horizontal_nav ul .current_page_item a, #horizontal_nav ul a:hover {color:#fff;} #horizontal_nav ul a span {float:left;padding:4px 0 4px 13px;cursor:pointer;} #horizontal_nav ul .current_page_item span, #horizontal_nav ul a:hover span {background:url(../images/cp_design/menu/bg-horz-active.jpg) no-repeat;} /*---------------------------------------------------------------*/ /* 4. BREADCRUMBS /*---------------------------------------------------------------*/ .tools .breadcrumb {margin:0;padding:4px 0 19px 0;float:right;overflow:hidden;font-size:.9em;} .tools .breadcrumb a {padding:0 15px 0 7px;background:url(../images/cp_design/menu/arrow-right.png) 100% 50% no-repeat;margin:0 0 0 6px;color:#FFF;outline: none;} .tools .breadcrumb a:hover {color:#CCC;} .tools .breadcrumb .current_crumb {background:url(../images/cp_design/menu/arrow-up.png) 50% 100% no-repeat;padding:0 5px 23px 7px;font-weight: bold;} /*---------------------------------------------------------------*/ /* NAVIGATION /*---------------------------------------------------------------*/ #menu-main-nav li strong {color:#FFF; font-size:15px; font-weight:normal; letter-spacing:-0.05em; padding-top:10px; padding-bottom:10px;} #menu-main-nav a span {color:#80979F;} /* link color parent level */ #menu-main-nav a:hover span, #menu-main-nav li.current_page_item a span, #menu-main-nav li.current_page_parent a span, #menu-main-nav li.current-page-ancestor a span, #menu-main-nav .drop ul li.current-menu-item a, #menu-main-nav .drop ul li.current-menu-item a span, #menu-main-nav .drop ul .drop ul li.current-menu-item a, #menu-main-nav .drop ul .drop ul li.current-menu-item a span{text-decoration:none;color:#FFF;} /* A. active link color parent level (see B) */ #menu-main-nav .drop ul li.current-menu-item a, #menu-main-nav .drop ul li.current-menu-item a span, #menu-main-nav .drop ul .drop ul li.current-menu-item a, #menu-main-nav .drop ul .drop ul li.current-menu-item a span{text-decoration:none;color:#7A93A1;} /* B. active dropdown link color (if different than A) */ #menu-main-nav li {background:url(../images/cp_design/menu/seperator-main-nav.png) 0 no-repeat;} /* dropdown */ #menu-main-nav .drop .t {background:url(../images/cp_design/menu/global-sprite.png) -960px -1782px no-repeat;} #menu-main-nav .drop .b {background:url(../images/cp_design/menu/global-sprite.png) -960px -1793px no-repeat;} #menu-main-nav .drop .c {background:#fff;} #menu-main-nav li.parent:hover strong { color:#006096; } #menu-main-nav li.parent:hover span { color:#006096; } #menu-main-nav li.parent:hover span span { color:#ffff00; } #menu-main-nav li.parent:hover { background:#fff; border-top-left-radius:5px !important; border-top-right-radius:5px !important; -moz-border-radius-topleft:5px !important; -moz-border-radius-topright:5px !important; } /* IE only - un-comment for rounded corners *:first-child+html #menu-main-nav li.parent:hover {background:url(../images/cp_design/menu/global-sprite.png) -960px -1721px no-repeat;} *:first-child+html #menu-main-nav li.parent:hover {background-color: transparent;} *:first-child+html #menu-main-nav li.parent {min-width: 88px;width: auto;} */ /* dropdown link hover rounded image top */ #menu-main-nav .drop ul li.hover a, #menu-main-nav .drop ul a:hover {background:#eee; text-decoration:none; } #menu-main-nav .drop ul .drop ul li.hover a, #menu-main-nav .drop ul .drop ul a:hover {background:#eee;} #menu-main-nav .drop ul .drop ul .drop ul li.hover a, #menu-main-nav .drop ul .drop ul .drop ul a:hover {background:#eee;} #menu-main-nav .drop ul .drop ul .drop ul li.current-menu-item a, #menu-main-nav .drop ul .drop ul .drop ul li.current_page_ancestor a, #menu-main-nav .drop ul .drop ul .drop ul li.hover a, #menu-main-nav .drop ul .drop ul .drop ul a:hover {background:#eee;} /* dropdown link hover rounded image bottom */ #menu-main-nav .drop ul li.hover a span, #menu-main-nav .drop ul a:hover span {background:;color:#006096;} #menu-main-nav .drop ul .drop ul li.hover a span, #menu-main-nav .drop ul .drop ul a:hover span {background:;color:#006096;} #menu-main-nav .drop ul .drop ul .drop ul li.hover a span, #menu-main-nav .drop ul .drop ul .drop ul a:hover span {background:;color:#006096;} #menu-main-nav .drop ul .drop ul .drop ul li.current-menu-item a span, #menu-main-nav .drop ul .drop ul .drop ul li.current_page_ancestor a span, #menu-main-nav .drop ul .drop ul .drop ul li.hover a span, #menu-main-nav .drop ul .drop ul .drop ul a:hover span {background:;color:#006096;} /* misc nav settings */ #menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span, #menu-main-nav .drop ul a, #menu-main-nav .drop ul a span, #menu-main-nav .drop ul .drop ul a, #menu-main-nav .drop ul .drop ul a span, #menu-main-nav .drop ul .drop ul .drop ul a, #menu-main-nav .drop ul .drop ul .drop ul a span, #menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {background:none;color: #006096; text-decoration:underline;} /* C. dropdown link color */ .search-header #menu-main-nav .sub-menu a span, .search-header #menu-main-nav .current_page_parent .sub-menu a span, .error-header #menu-main-nav .sub-menu a span, .error-header #menu-main-nav .current_page_parent .sub-menu a span {color: #FFF;} #menu-main-nav .drop ul li.current-menu-item ul li a, #menu-main-nav .drop ul li.current-menu-item ul li a span {color:#FFF;} /* D. dropdown link color (match C) */ .search-header #menu-main-nav a span, .search-header #menu-main-nav .current_page_parent a span, .error-header #menu-main-nav a span, .error-header #menu-main-nav .current_page_parent a span {color:#7A93A1;} /* #menu-main-nav li{text-shadow:1px 1px 1px #111C20;} */ #menu-main-nav .sub-menu li {text-shadow:none;} span.navi-description { display:none; }