/*
 * OWNER: menus.css
 * Navigation and list menus:
 *   .list_break, ul.vert-list, ul.ui_menu, .horizontal-menu, .vertical-menu
 *   #primary-nav, #secondary-nav, #left-nav
 *   dropdown-menu / dropdown-wrap / flyout-section menu chrome
 * Title-scoped nav overrides stay in titles.css; base header #nav chrome in site.css.
 * Includes viewport @media for mobile nav / account / primary-nav / site_nav_wash
 * (peeled from responsive.css).
 */

/* LIST BREAKS */

.list_break {
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  border-width: 1px 0;
  line-height: 26px;
  margin: 0 0 15px;
  padding: 3px;
  text-align: center;
}

.list_break.break-lg {
	font-size: 22px;
	line-height: 30px;
	padding: 5px;
}

.list_break {
  font-weight: bold;
}

.with_break .list_break { margin-bottom: 0px; }
ul.grid .list_break { margin-bottom: 20px; }

.list_break {
  background: rgba(0,0,0,.03);
  border-color: rgba(0,0,0,.05);
  color: rgba(0,0,0,.7);
  text-transform: uppercase;
}

/* PAGE NAV */

/* NAV */

#primary-nav #label {
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 45px;
  margin-right: 15px;
}

#primary-nav .ui_action_set { padding: 6px 0; }

#primary-nav .ui_action_set .ui_separator { background: none; border: 0; }

#primary-nav .ui_action_set a.ui_button { border-radius: 3px; }

#primary-nav .ui_action_set a.ui_button.secondary { border-color: rgba(0,0,0,.5); background-color: white; }

#primary-nav {
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.1);
  padding: 3px 0;
  width: 100%;
  z-index: 100;
}

header #primary-nav {
  position: absolute;
  top: 51px;
}

#primary-nav.fixed,
body.fixed_header #primary-nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 800;
}

#primary-nav li.ui_menu_item {
  float: left;
  margin-right: 3px;
  position: relative;
  z-index: 40;
}

#primary-nav ul li span.empty {
  color: #bfa734;
  display: block;
  font-size: 12px;
  padding: 2px 10px;
}

#primary-nav li.ui_menu_item > a {
  border-radius: 3px;
  color: #555;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding: 5px 10px;
}

#primary-nav li:hover > a,
#primary-nav li.active-item > a {
  background: #fff;
  color: #333;
}

ul.sub-menu li a.fade { color: rgba(0,0,0,.5); }

#secondary-nav ul ul.sub-menu li a.fcg,
#secondary-nav ul ul.sub-menu li a.fade {
  color: rgba(0,0,0,.5);
}

#secondary-nav ul ul.sub-menu li a.btd { border-top: 1px solid rgba(0,0,0,.3); }

ul.sub-menu li.ui_menu_header_item {
  border-top: 1px solid rgba(0,0,0,.1);
  color: rgba(0,0,0,.4);
  font-size: 10px;
  font-weight: bold;
  line-height: 13px;
  display: block;
  margin: 4px;
  padding: 4px 6px;
  text-transform: uppercase;
}

#secondary-nav ul.sub-menu li.ui_menu_header_item {
  border-color: rgba(0,0,0,.2);
  color: rgba(0,0,0,.5);
}

#primary-nav li:hover ul.sub-menu { display: block; }

#primary-nav ul.sub-menu li a:hover { background: #ddd; }

#primary-nav ul.sub-menu li a .count { font-size: 11px; }

  #secondary-nav ul .dropdown-wrap {
		float: none;
		left: -1px;
		margin: 0 0 0 0;
		min-width: 87px;
		position: absolute;
		top: 100%;
		z-index: 500;
	}

	
	#secondary-nav ul li:hover .dropdown-wrap {
	  display: block;
	  visibility: visible;
	}

	
	#secondary-nav ul ul.sub-menu li.sub-menu-item {
		border: 0;
		display: block;
		float: none;
		margin: 0;
	}

	
		#secondary-nav ul ul.sub-menu li a {
			border: 0;
      font-weight: bold;
			margin: 0;
			overflow: hidden;
			text-align: left;
			text-decoration: none;
			text-overflow: ellipsis;
		}

	
#secondary-nav ul.vert-list li.nav-separator {
  border: 1px solid #ddd;
  border-width: 1px 0 0 0;
  margin: 5px 0;
}

#secondary-nav ul li.ui_menu_header_item a {
  background: none;
  display: inline;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

#secondary-nav ul.vert-list li.ui_menu_header_item {
  border: 1px solid #ddd;
  border-width: 1px 0;
  line-height: 12px;
  padding: 8px 10px;
}

#secondary-nav ul.vert-list li.ui_menu_header_item:first-child {
  margin-top: 0;
}

#secondary-nav li.ui_menu_item a.active {
  color: black;
}

.body_4_8 #sidebar #secondary-nav li .badge,
.body_4_8 #sidebar #secondary-nav li a img.load_icon { margin-right: 20px; }

.body_8_4 #sidebar #secondary-nav li a img.load_icon { margin: 0; }

.body_8_4 #sidebar #secondary-nav li.ui_menu_item a {
  background-position: 15px -211px;
  padding-left: 40px;
}

.body_8_4 #sidebar #secondary-nav li.ui_menu_item a.active {
  background-position: 15px -122px;
}

.body_4_8 #sidebar #secondary-nav li.ui_menu_item a.active {
  background-position: 274px 9px;
}

/* LEFT NAV */

#left-nav { 
  border-right: 1px solid #ddd; 
  padding-bottom: 30px;
}

#left-nav li.ui_menu_item > a {
  background: url('/foundation_static/images/side_nav_arrows.png') no-repeat 115px -80px;
  border: 1px solid #ddd;
  border-width: 1px 0 0;
  color: #333;
  padding: 10px;
}

#left-nav li.ui_menu_item.has-sub > a {
  border-width: 1px 0;
  margin: 0 0 5px 0;
}

#left-nav li a {
  font-weight: bold;
  display: block;
  text-decoration: none;
}

#left-nav li.ui_menu_item:first-child a { margin-top: 0; }

#left-nav li.ui_menu_item ul.sub-menu { margin-bottom: 5px; }

#left-nav li.ui_menu_item ul.sub-menu li a {
  border: 0;
  color: #555;
  padding: 6px 10px;
}

#left-nav li.ui_menu_item ul.sub-menu li.ui_menu_header_item {
  color: #999;
  display: block;
  font-size: 10px;
  font-weight: bold;
  padding: 10px;
  text-transform: uppercase;
}

#left-nav li.ui_menu_item ul.sub-menu li a.fade {
  color: #999;
  font-weight: normal;
}

#left-nav li a:hover {
  background-color: #e9e9e9;
}

#leftbar ul li.ui_menu_header_item {
  background: #e8e8e8;
  color: #333;
}

/* LEFTBAR SECONDARY NAV */

.body_4_8 .grid_4 #secondary-nav ul li a img.load_icon { margin-right: 20px; }

#leftbar #secondary-nav ul.vert-list li.ui_menu_header_item {
  color: #888;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

#leftbar #secondary-nav li.ui_menu_item > a {
  border-radius: 3px;
  color: #555;
  font-size: 12px;
  line-height: 1.6;
  overflow: hidden;
  padding: 6px 10px;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
}

#leftbar #secondary-nav li.ui_menu_item > a.active {
  background: #333;
  color: #fff;
}

#leftbar #secondary-nav li.ui_menu_item a .badge {
  background: none;
  color: #aaa;
  font-size: 13px;
  font-weight: normal;
  padding: 0;
}

#leftbar #secondary-nav li.ui_menu_item.container-item > a {
  border: 0;
  color: #888;
  font-size: 11px;
  font-weight: bold;
  padding: 12px 8px 8px 0;
  text-transform: uppercase;
}

#leftbar #secondary-nav li.ui_menu_item.container-item > a i.fa-icon {
  display: none;
}

#leftbar #secondary-nav li.ui_menu_item.container-item > a:hover {
  background-color: none;
  color: #555;
}

#leftbar #secondary-nav li a:hover {
  background-color: #eee;
  color: #444;
}

#leftbar li a .badge {
  border: 0;
  box-shadow: none;
}

#leftbar li a.active .badge {
  background: none;
  color: #fff;
}

/* VERT LIST */

ul.vert-list li.ui_menu_header_item { margin: 5px 0; }
ul.vert-list li.ui_menu_header_item:first-child { margin-top: 0; }

ul.vert-list li.ui_menu_item a i.fa-icon {
  width: 10px;
}

ul.vert-list.button-list li.list_item {
  border-bottom: 1px solid #e9e9e9;
}

ul.vert-list.button-list li.list_break + li.list_item {
  border-top: 1px solid #e9e9e9;
}

ul.vert-list.button-list li.list_break ~ li,
ul.vert-list.button-list li.list_break:first-child {
  border-top: 0;
}

ul.vert-list.button-list li.list_break {
  background: #fff;
  border: 0;
  color: #333;
  font-size: 18px;
  line-height: 1.333;
  padding: 20px 8px 8px 0px;
  text-align: left;
  text-transform: none;
}

ul.vert-list.button-list li:last-child {
  border: 0;
}

ul.vert-list.button-list li > a {
  display: block;
  padding: 8px 5px;
}

ul.vert-list.button-list li > a:hover {
  background: #f6f6f6;
  text-decoration: none;
}

/* DROPDOWN + FLYOUT MENU */

.has-flyout.open .ui_button.icon-btn {
	background: #333;
	color: #fff;
}

.flyout-section.messages-flyout .ui_group .ui_group_img { width: 50px; }

.flyout-section.notifications-flyout li { padding: 8px 5px; }
.flyout-section.notifications-flyout li.bottom { padding: 10px 5px; }
.flyout-section.notifications-flyout li.new { padding-left: 3px; }

.dropdown-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  padding-top: 10px;
}

.dropdown-wrap.pull-right {
  left: auto;
  right: 0;
}

.dropdown-menu,
.flyout-section {
  color: #000;
  max-width: 360px;
  min-width: 175px;
  padding: 5px 0;
  margin: 0 0 0 0;
  list-style: none;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.flyout-section { border-radius: 5px; }
.flyout-section .content { padding: 5px 5px 0; }

.dropdown-menu > ul {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0;
}

.dropdown-menu > ul > li {
  display: list-item;
  float: none; 
  font-size: 13px;
  line-height: normal;
  margin: 0;
  white-space: nowrap;
}

.flyout-section {
  max-width: none;
}

.narrow-dropdown .dropdown-menu {
  min-width: 108px;
  max-width: 250px;
}

.wide-dropdown .dropdown-menu {
  min-width: 200px;.
}

ul.sub-menu li.divider {
  background: none;
  border-color: #b02020;
  height: 0;
}

.dropdown-menu .divider,
ul.sub-menu li.divider {
  height: 1px;
  margin: 4px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.dropdown-menu > li > a,
.dropdown-menu ul li.ui_sub_menu_item a {
  clear: both;
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  overflow: hidden;
  padding: 5px 10px;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-menu ul li.ui_sub_menu_item.sub-item a {
		border-left: 2px solid white;
		border-right: 2px solid white;
		border-radius: 3px;
    font-size: 11px;
    padding: 2px 10px 2px 20px;
}

.ui_button img.icon-img {
	border-radius: 3px;
	float: left;
	margin-left: -4px;
	margin-right: 8px;
	width: 20px;
}

.ui_button.icon-btn img.icon-img {
	float: none;
	margin: 2px;
	width: 24px;
}

.ui_button.icon-btn.ui_selector img.icon-img {
	margin-right: 4px;
}

.dropdown-menu ul li.ui_sub_menu_item a img.icon-img {
  border-radius: 3px;
  float: left;
  margin-right: 8px;
  width: 20px;
}

.dropdown-menu ul li.ui_sub_menu_item a.fcg {
  color: #999;
}

.mini_actions .dropdown-menu ul li.ui_sub_menu_item a,
.mini_actions .dropdown-menu > li > a {
  font-size: 11px;
  line-height: normal;
}

.dropdown-menu .ui_menu_header_item {
  border-top: 1px solid rgba(0,0,0,.1);
  color: rgba(0,0,0,.2);
  font-size: 11px;
  text-transform: uppercase;
  padding: 3px 10px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > ul li.ui_sub_menu_item > a:hover {
  background: #666;
  color: #fff;
}

#secondary-nav .dropdown-menu > ul li.ui_sub_menu_item > a {
  color: #4f64a4;
}

#secondary-nav .dropdown-menu > ul li.ui_sub_menu_item > a:hover {
  background: #eee;
  color: #333;
}

/* DROPDOWN CARET */

.flyout-wrap::before,
.dropdown-menu::before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.ui_selector_wrap.button_wrap .dropdown-menu:before,
.ui_selector_wrap.button_wrap .dropdown-menu:after { border: 0; }

.pull-right .flyout-section:before,
.pull-right .dropdown-menu:before {
  left: auto;
  right: 8px;
}

.pull-right .flyout-section:after,
.pull-right .dropdown-menu:after {
  left: auto;
  right: 9px;
}

.dropdown-wrap .dropdown-menu::before { top: 4px; }
.dropdown-wrap .dropdown-menu:after { top: 5px; }

#primary-nav .dropdown-wrap { padding-top: 5px; }
#primary-nav .dropdown-wrap .dropdown-menu::before { top: -1px; }
#primary-nav .dropdown-wrap .dropdown-menu::after { top: 1px; }

.flyout-wrap::after,
.dropdown-menu::after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.mini_actions .ui_selector_wrap .pull-right .dropdown-menu:after { right: 4px; }
.mini_actions .ui_selector_wrap .pull-right .dropdown-menu:before { right: 3px; }

.flyout-wrap::before { top: 4px; left: 9px; }
.flyout-wrap::after {top: 5px; left: 10px; }

.flyout-wrap.pull-right::before { top: 4px; right: 9px; left: auto; }
.flyout-wrap.pull-right::after { top: 5px; right: 10px; left: auto; }

ul.ui_menu {
  list-style-type: none; 
  margin: 0;
  padding: 0;
}

ul.ui_menu li {
  display: block;
  position: relative;
}

ul.ui_menu.horizontal-menu > li {
  float: left;
}

ul.ui_menu.horizontal-menu > li.fl_r {
	float: right;
}

ul.ui_menu li > a {
  display: block;
  font-weight: bold;
  line-height: 1;
  position: relative;
  text-align: center;
  text-decoration: none;
}

/* VERTICAL MENU */

ul.vertical-menu li {
  border-bottom: 1px solid #e8e8e8;
  float: none;
}

ul.vertical-menu li:last-child {
	border-bottom: 0;
}

ul.vertical-menu li a img.load_icon {
  float: right;
  padding: 3px 3px 0 0;
}

ul.vertical-menu li a {
  background: url('/foundation_static/images/side_nav_arrows.png') no-repeat right -82px;
  border: 0;
  float: none;
  font-size: 14px;
  margin: 0;
  overflow: hidden;
  padding: 10px 14px;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  width: auto;
}

ul.ui_menu.vertical-menu li > a:not(.more) { text-align: left; }

.nav-actions ul li a,
.nav-actions ul li a:hover {
  background: url('/foundation_static/images/side_nav_arrows.png') no-repeat 285px -80px;
  padding: 8px 0 !important;
  text-align: left;
}

ul.vertical-menu > li.ui_menu_header_item {
  background: #eee;
  color: rgba(0,0,0,.5);
  font-size: 11px;
  font-weight: bold;
  padding: 10px 14px;
  text-transform: uppercase;
}

ul.vertical-menu > li a span.light {
  color: #999;
  font-weight: normal;
}

ul.vertical-menu > li:first-child a {
  border-top: 0;
}

ul.vertical-menu li a.more {
  background: transparent;
  padding: 5px 10px;
  text-align: center;
}

ul.vertical-menu li a:hover {
  background-color: #f9f9f9;
}

ul.vertical-menu li a.active,
ul.vertical-menu li a.active:hover {
  background-position: 275px 9px;
  background-color: #f2f2f2;
  color: black;
}

/* LINK LIST */

ul.vert-list.link-list li a {
	display: block;
}

ul.vert-list.link-list li a i.fa-icon {
	width: 20px;
}

/* ==========================================================================
   RESPONSIVE — nav / menus (from responsive.css)
   ========================================================================== */

/* Very small phones (iPhone SE / 5 era) */
@media screen and (max-width: 345px) {

  #account li.nav-link-divider {
    display: none;
  }

  .fixed_nav #secondary-nav li.ui_menu_item.ui_menu_item-more > a { min-width: 24px; }
  .fixed_nav #secondary-nav li.ui_menu_item.ui_menu_item-more > a .caret { margin-left: 0; }

}

/* Mobile phones */
@media screen and (max-width: 570px) {

  .ui_toggle_nav select.styled {
		min-width: 100px;
		width: 100px;
	}
  #sidebar #secondary-nav li a,
  ul.vertical-menu li a {
    background-image: none;
  }
  .ui_toggle_nav.sm-toggle .pills li a {
    padding: 6px;
  }
  .ui_toggle_nav.sm-toggle select.styled { max-width: 125px; min-width: 0; width: auto; }
  #account li.account_item.has-flyout { position: initial; }
  #account li.account_item.has-flyout .dropdown-wrap { left: 0; right: 0; }
  #account li.account_item.has-flyout .flyout-section { width: auto !important; }
  #account .alert_item .flyout-wrap.pull-right::before { right: 43px; }
  #account .message_item .flyout-wrap.pull-right::before { right: 78px; }
  #account .alert_item .flyout-wrap.pull-right::after { right: 43px; }
  #account .message_item .flyout-wrap.pull-right::after { right: 78px; }
  header #search,
	#nav #search {
	  display: none;
	}
  body #nav .hidden_nav.hidden { float: none; }

}

/* Phones larger than iPhone 5 */
@media screen and (max-width: 570px) and (min-width: 321px) {

  .site_nav_wash .mobile-search input.text {
    width: 319px;
  }

}

/* Tablet and up */
@media screen and (min-width:768px) {

  .voxle_header_wrap #mobile-site-nav { display: none; }

}

/* Desktop / large tablet and up */
@media screen and (min-width: 880px) {

  body.masthead header #search {
    float: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 60px;
    }
  header #primary-nav #search {
    float: right;
    position: relative;
    right: auto;
    top: 4px;
  }

}

/* Mid desktop (slightly narrower mainview) */
@media screen and (max-width: 1000px) and (min-width: 880px) {

  #mainview .ui_toggle_nav .pills li a { padding: 7px 3px; }
  header #search { width: 120px; }
  .ui_header_search { width: 150px; }
  body.app.inline_nav header .container_12 { min-width: 840px; }
  body.app.inline_nav header #nav {
	  border-left: 0;
	  padding-left: 0;
	}
  body.node_header header #search:not(:hover):not(.focus) { width: 30px; }
  body.node_header header #search:not(:hover):not(.focus) .ui_textfield:not(:focus) { text-indent: 100px; }

}

/* iPad / tablet portrait */
@media screen and (max-width: 880px) and (min-width: 763px) {

  ul.vertical-menu li a {
    background-image: none;
  }
  header #nav { display: none; }
  body.admin header #mobile_nav_icon { margin-left: 0; }
  header #mobile_nav_icon { display: block; }
  header #search { width: 300px; }
  .site_nav_wash { padding: 30px 50px; }
  .site_nav_wash .mobile-search { padding-bottom: 30px; }
  .site_nav_wash .nav-block {
    margin-bottom: 20px;
    padding: 0 10px;
	}
  .site_nav_wash .mobile-nav-block li.top-item a { 
	  border: 0; 
	  border-bottom: 1px solid #eaeaea;
	  padding: 15px;
	  margin-bottom: 15px;
	}
  .site_nav_wash .nav-block.no_sub .mobile-nav-block li.top-item a {
    border: 0;
    margin-bottom: 0;
  }
  body.app.inline_nav header .container_12 { min-width: 740px; }
  body.app.inline_nav header #nav {
	  border-left: 0;
	  padding-left: 0;
	}
  .ui_header_search { width: 190px; }
  #sidebar #secondary-nav li.ui_menu_item a,
	.body_8_4 #sidebar #secondary-nav li.ui_menu_item a {
	  background: none;
	  padding-left: 14px;
	}
  #sidebar #secondary-nav li .badge,
	.body_8_4 #sidebar #secondary-nav li .badge,
	.body_4_8 #sidebar #secondary-nav li .badge {
	  margin: 0;
	}

}

/* Single column (phones + small tablets) */
@media screen and (max-width: 762px) {

  ul.vertical-menu li a { background-image: none; }
  #account .account_item .account_label { display: none; }
  ul.pills a#vend_nav,
  ul.pills a#users_nav {
    display: none;
  }
  #account li .flyout-section::before,
  #account li .flyout-section::after {
    display: none;
  }
  .body_8_4 #sidebar #secondary-nav li.ui_menu_item a {
	  background: none;
	  padding: 10px 14px;
	}
  .voxle_header_wrap #mobile-site-nav,
	.show_on_min_width.hidden { display: block; }
  body.app.inline_nav header #account { 
	  border-left: 0;
	  margin-left: 0;
	  padding-left: 0;
	}
  body.app.inline_nav header .container_12 { min-width: 300px; }
  .body_2_10 #leftbar #secondary-nav { display: none; !important; }
  header #nav { display: none; }
  #primary-nav ul ul.sub-menu li.sub-menu_item,
	#primary-nav li.ui_menu_item { 
	  float: none;
	  padding: 0;
	}
  #primary-nav li.ui_menu_item > a {
	  border-top: 3px solid white;
	  padding: 10px;
	}
  #primary-nav li a span.arr { background: none; padding: 0; }
  #primary-nav ul ul.sub-menu {
	  display: block;
	  padding-bottom: 10px;
	  padding-left: 0px;
	  position: relative;
	  width: auto;
	}
  #primary-nav ul ul.sub-menu li a { font-weight: normal; }
  #nav ul {
		display: none;
	}
  #nav .hidden_nav.hidden {
		display: block;
		float: left;
	}
  #nav .hidden_nav select {
		text-transform: none;
		display: block;
		margin: 3px auto 0;
		width: 300px;
		min-width: 50px;
		max-width: 100%;
		height: 32px;
		-webkit-appearance: none;
		-moz-appearance: normal;
		appearance: normal;
		-webkit-padding-end: 20px;
		-webkit-padding-start: 2px;
		-webkit-user-select: none;
		-moz-user-select: none;
		font-size: 13px;
		border: 0;
		color: white;
		font-weight: bold;
		padding: 7px 5px 7px 10px;
	}
  #primary-nav #search {
	  background: none;
	  border: 0;
	  display: block;
	  float: none;
	}
  #primary-nav #nav_toggler { display: block; }
  #primary-nav #primary-nav { display: none; }
  #primary-nav.open_nav #primary-nav { 
	  display: block;
	  margin: 0 -10px;
	}
  #primary-nav,
	#primary-nav.fixed,
	body.fixed_header #primary-nav {
	  position: relative !important;
	  top: auto !important;
	}

}

/* Large laptop / wide desktop */
@media screen and (min-width: 1200px) {

  header #search { width: 250px; }

}

/* Widescreen / large display */
@media screen and (min-width: 1360px) {

  header.as_site #primary-nav { padding: 1px 5px; top: 60px; }
  #leftbar #secondary-nav ul.vert-list li.ui_menu_header_item { font-size: 13px; padding: 10px; }
  body:not(.form) #leftbar #secondary-nav li.ui_menu_item > a { font-size: 14px; }
  .body_4_8 #sidebar #secondary-nav li a { background-position: 353px -80px; }
  .body_4_8 #sidebar #secondary-nav li.ui_menu_item a.active { background-position: 353px 9px; }

}