/*
 * Menu(navigation)
 *
 * @author:    IF MEDIA
 * @email:     admin@ifmedia.eu
 * @website:   http://www.golfskalica.sk/
 * @version:   $Id: menu.css 68 2009-10-29 21:20:11Z Silver Zachara $
 */

/* Navigation
 -----------------------------------------------------------------------------*/

/* Main navigation
 -----------------------------------------------------------------------------*/

/* Style the Main Menu's div */
#primaryContent #mainNav {
    font-size: 12px;
    height: 27px;
    line-height: 27px;
}

/*  Style the Main Menu's ul */
#primaryContent #mainNav ul {
    height: 27px;
    width: 458px;
    margin: 0px auto;
}

/* Style the Main Menu list items, make it horizontal and a relative positon so that you can control the dropdown menu positon */
#primaryContent #mainNav ul li {
    display: block;
    float: left;
    height: 27px;
    line-height: 27px;
}

/* Style the sub menu's list items */
#primaryContent #mainNav ul ul li {
    display: block;
    width: 180px;
    height: auto;
    line-height: 12px;
}

#primaryContent #mainNav ul ul li.last {
    padding-bottom: 7px;
    background: url(images/subMenu1-bottom-left.png) bottom left no-repeat !important;
    background: url(images/subMenu1-bottom-left.gif) bottom left no-repeat;
}

#primaryContent #mainNav ul ul ul li.last {
    padding-bottom: 7px;
    background: url(images/subMenu2-bottom-left.png) bottom left no-repeat !important;
    background: url(images/subMenu2-bottom-left.gif) bottom left no-repeat;
}

#primaryContent #mainNav ul ul ul ul li.last {
    padding-bottom: 7px;
    background: url(images/subMenu3-bottom-left.png) bottom left no-repeat !important;
    background: url(images/subMenu3-bottom-left.gif) bottom left no-repeat;
}

/* Style the links for the Main Menu */
#primaryContent #mainNav a, #primaryContent #mainNav a:visited {
    display: block;
    float: left;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    height: 26px;
    padding: 0px 12px 0px 3px;
}

/* Style the sub menu's links */
#primaryContent #mainNav ul ul a, #primaryContent #mainNav ul ul a:visited {
    display: block;
    color: #fff;
    background-color: #305c0a;
    width: 158px;
    height: 100%;
    line-height: 12px;
    padding: 5px 10px;
    border: 1px solid #000;
    border-width: 0px 1px;
}

/* Style the table so that it takes no part in the layout - required for IE to work */
#primaryContent #mainNav table {
    font-size: 10px;
    height: 0px;
    width: 0px;
    padding: 0px;
    margin: -1px;
    border-collapse: collapse;
    z-index: 1;
}

/* Style the second sub menu's background */
#primaryContent #mainNav ul ul ul a, #primaryContent #mainNav ul ul ul a:visited {
    background-color: #74282a;
}

/* Style the third sub menu's background */
#primaryContent #mainNav ul ul ul ul a, #primaryContent #mainNav ul ul ul ul a:visited {
    background-color: #cccccc;
}

/* Style link's hovers in the menus */

/* Main Menu */
* html #primaryContent #mainNav a:hover {
    position: relative;
    color: #ff0;
    height: 27px;
    border: 0px;
    z-index: 100;
}

#primaryContent #mainNav li:hover {
    position: relative;
}

#primaryContent #mainNav :hover > a {
    color: #ff0;
    height: 27px;
    border: 0px;
}

/* First sub menu */
* html #primaryContent #mainNav ul ul a:hover {
    position: relative;
    color: #ff0;
    height: 100%;
    background-color: #1c320c;
    border: 1px solid #000;
    border-width: 0px 1px;
    z-index: 110;
}

#primaryContent #mainNav ul ul li:hover {
    position: relative;
}

#primaryContent #mainNav ul ul :hover > a {
    color: #ff0;
    height: 100%;
    background-color: #1c320c;
    border: 1px solid #000;
    border-width: 0px 1px;
    z-index: 110;
}

/* Second sub menu */
* html #primaryContent #mainNav ul ul ul a:hover {
    position: relative;
    background: #560001;
    z-index: 120;
}

#primaryContent #mainNav ul ul ul :hover > a {
    background-color: #560001;
}

/* Third sub menu */
#primaryContent #mainNav ul ul ul ul a:hover {
    background-color: #999999;
    position: relative;
    z-index: 130;
}

/* Hide the sub menus and give them a positon absolute so that they take up no room */
#primaryContent #mainNav ul ul {
    position: absolute;
    visibility: hidden;
    top: 27px;
    left: 0px;
    height: 0px;
    width: 180px;
}

/* Position the second flyout sub menu */
#primaryContent #mainNav ul ul ul {
    top: -7px;
    width: 180px;
}

/* Make the first sub menu visible when hover on the Main Menu list(li) or link */
#primaryContent #mainNav ul :hover ul {
    visibility: visible;
    left: -22px;
    height: auto;
    padding: 15px 30px 30px 30px;
    background: transparent url(images/subMenu1-top-left.png) 30px 0px no-repeat !important;
    background: transparent url(images/subMenu1-top-left.gif) 30px 0px no-repeat;
}

#primaryContent #mainNav ul li.last:hover ul {
    left: -88px;
}

/* Keep the second sub menu hidden when you hover on the Main Menu list(li) or link */
#primaryContent #mainNav ul :hover ul ul {
    visibility: hidden;
}

/* Keep the third sub menu hidden when you hover on the Main Menu list(li) or link */
#primaryContent #mainNav ul :hover ul :hover ul ul {
    visibility: hidden;
}

/* Keep the second sub menu visible when you hover on the Main Menu list(li) or link */
#primaryContent #mainNav ul :hover ul :hover ul {
    visibility: visible;
    left: 110px;
    height: auto;
    padding: 7px 30px 30px 30px;
    background: transparent url(images/subMenu2-top-left.png) 30px 0px no-repeat !important;
    background: transparent url(images/subMenu2-top-left.gif) 30px 0px no-repeat;
}

/*
#primaryContent #mainNav ul li.last :hover ul :hover ul {
    left: -150px;
}
*/

/* Keep the third sub menu visible when you hover on the Main Menu list(li) or link */
#primaryContent #mainNav ul :hover ul :hover ul :hover ul {
    visibility: visible;
    left: 90px;
    height: auto;
    padding: 7px 30px 30px 30px;
    background: transparent url(images/subMenu3-top-left.png) 30px 0px no-repeat !important;
    background: transparent url(images/subMenu3-top-left.gif) 30px 0px no-repeat;
}

/* Active items */
#primaryContent #mainNav ul > li.active > a {
    color: #ff0;
}

/* Secondary navigation
 -----------------------------------------------------------------------------*/
#secondaryContent #secondNav ul {
    margin-left: 10px;
}

#secondaryContent #secondNav ul li {
    padding: 4px 0px;
}

#secondaryContent #secondNav ul li a {
    color: #ffffff;
    /*font-family: "Times New Roman", Times, serif;*/
    font-size: 12px;
    font-weight: bold;
}

#secondaryContent #secondNav ul li a:link,#secondaryContent #secondNav ul li a:visited {
    color: #ffffff;
    text-decoration: none;
}

#secondaryContent #secondNav ul li a:hover,#secondaryContent #secondNav ul li a:active {
    color: #ffffff;
    text-decoration: underline;
    background-color: transparent !important;
}

#secondaryContent #secondNav ul li.active a {
    color: #ff0;
    text-decoration: underline;
}