/*
    Document   : menu-screen
    Created on : Jul 31, 2013, 1:31:08 PM
    Author     : Paul Romelot
    Description:
        Menu style for screens
*/

ul.menu
{
  font-family: 'TitilliumText25L250wt', Tahoma, Arial, Helvetica, sans-serif;
}

ul.menu > li
{
  display: inline-block;
  height: 54px;
  position: relative;
  padding: 0 9px 0 9px;
}

ul.menu > li > a
{
  height: 54px;
  line-height:54px;
  padding: 0 11px 0 11px;
  color:#fff;
  display: block;
}

ul#menu-tw-menu-new > li:hover > a
{
  background:#c82128;
}

ul#menu-tw-menu-new > li:hover
{
  background-image: url(images/bglink.png), url(images/bglink.png);
  background-position: top left, bottom right;
  background-repeat: no-repeat;
}

ul#menu-tw-menu-new ul.sub-menu
{
  position: absolute;
  top: 54px;
  left: 0px;
  background: #fdfdfd;
  border: 1px solid #dcdcdc;
  border-top: none;
  min-width: 150px;
  z-index: 200; /* Slider uses z-index from 0 to n number of post in slider */

  /* temporary for bill sub cat */
  min-width: 230px;
}

ul#menu-tw-menu-new ul.sub-menu > li
{
  height: 44px;
  line-height:44px;
  display: list-item;
  border-top: 1px solid #dcdcdc;
}

ul#menu-tw-menu-new ul.sub-menu > li:first-child
{
  border-top: none;
}

ul#menu-tw-menu-new ul.sub-menu > li > a
{
  color: #585858;
  height: 44px;
  display: block;
  padding: 0 11px 0 11px;
  overflow: hidden;

}

ul#menu-tw-menu-new ul.sub-menu > li:hover
{
  background: #FFF;
}

ul#menu-tw-menu-new ul.sub-menu > li:hover > a
{
  color: #c82128;
}

ul.sub-menu
{
  display: none;
}

li:hover > ul.sub-menu
{
  display: block;
}

ul#menu-tw-menu-new > li > ul.sub-menu > li > ul.sub-menu
{
  top: 0;
  margin-left: 100%;
}

/*#menu-tw-menu-new > li:first-child
{
  display: none;
}*/

#menu.floating #menu-tw-menu-new > li:first-child
{
  display: inline-block;
}