﻿/* NAVIGATION */

#nav {
    clear: both;
    width: 960px;
    height: 44px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    font-size: 0.75em;
    z-index: 999;
    background-color:#429ddc;
    text-align:center;
    top:0;
    max-width:100%;
    display:inline-block;  
}


#nav A:hover {
    text-decoration:underline;
}

.HomePage #nav
{
    float:none;
}

/* top-level nav styles start */
#nav UL#main-nav {
    clear: both;
    list-style: none;
    margin: 0;
    padding-left:0;    
    display:inline-block;
    float:none;
    width:auto;
    height:auto;
    text-align:left;    
}

#nav UL#main-nav LI {
    list-style: none;
    display: inline;
    float: left;
    height: 44px;
    border-right:none;     
}

#nav UL#main-nav LI.last {
    border-right: none;
}


#nav UL#main-nav LI A SPAN.menuTitle
{
    display:block;
    visibility:visible;
    color:#fff;
    /*font-size:1.5em;
    font-family:cronos-pro;*/
    font-size:18.5px;
    font-family: 'Cronos-pro', sans-serif;
    font-style:normal;
}

.lt-ie9 #nav UL#main-nav LI A SPAN.menuTitle { font-size: 17px; }

#nav UL#main-nav LI A.activeitem SPAN.menuTitle
{
    color:#074391;
}

#nav UL#main-nav LI A.navitem 
{
    display: block;
    height: 44px;
    margin: 0 0 0 0;
    padding:0 18px;
    background: none;
    line-height:44px;
    width:auto;   
    cursor:default; 
}


#nav UL#main-nav LI A.CursorPointer
{
    cursor:pointer;
}

#nav UL#main-nav LI A.lastnavitem {
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 6px 0 0 14px;
    padding: 0 15px 0 16px;
    width:auto;    
}


#nav UL#main-nav LI A:hover,  #nav UL#main-nav LI.hover A.navitem {
    background-color: #fff;
    color:#074391;  
    text-decoration:none;    
}

#nav UL#main-nav LI A:hover SPAN, #nav UL#main-nav LI.active A:hover SPAN, #nav UL#main-nav LI.hover A SPAN{
    color:#074391;
}


#nav UL#main-nav LI A.activeitem
{
    /*background-color:#d8c878;*/
    background-color:#a0daff;
    color:#074391;
}

/* top-level nav styles end */

/* sub-level nav styles start */
#nav UL#main-nav LI DIV.submenu {
    display: none; 
    clear: both;
    float: left;
    left:0;
    width:916px !important;
    position: absolute;
    padding: 20px 0 30px 44px !important;
    background: #FFFFFF; 
    z-index: 9999 !important;
}

.touch #nav UL#main-nav LI DIV.submenu {
    padding: 20px 0 75px 44px !important;
}

#nav UL#main-nav LI.hovering DIV.submenu {
    display: block; 
    z-index: 9999 !important;
    width:960px;
    left:0;
    *float: left;
-webkit-box-shadow: 0px 5px 3px 0px rgba(125,125,125,1);
-moz-box-shadow: 0px 5px 3px 0px rgba(125,125,125,1);
box-shadow: 0px 5px 3px 0px rgba(125,125,125,1);
}

#nav UL#main-nav LI DIV DIV {
    display: inline; 
    clear: none;
    float: left;
    position: relative;
    padding: 0px;
    margin: 0px;
    background: none;
    border: none;
  
}

#nav UL#main-nav LI DIV DIV.menu-promo.position-Bottom {
    clear:both;
    width:895px;
    margin: 5px auto 0;
}

#nav UL#main-nav LI DIV DIV.menu-promo.position-Right {
    float:right;
    width:300px;
    margin-top:-10px;
}

/*#nav UL#main-nav LI DIV DIV.mega-nav-close {
    position:absolute;
}*/

DIV.mega-nav-close {
   display:none !important;
}
.touch div.mega-nav-close {
    display:block !important;
}

#nav UL#main-nav LI DIV DIV.mega-nav-close {
    position:absolute;
    bottom:34px;
    right:34px;
    font-family: 'CoreRhino45Regular',sans-serif;
    font-size:18px;
    font-weight:300;
    color:#074391;
    cursor:pointer;    
}

#nav UL#main-nav LI DIV DIV.mega-nav-close .mega-nav-close-text {
    /*display:block !important;*/
    float:left !important;
}
#nav UL#main-nav LI DIV DIV.mega-nav-close .mega-nav-close-button {
    border-radius:25px;
    background-color:#429ddc;
    color:#fff;
    /*display:block !important;*/
    padding:8px 11px;
    float:left;
    margin:-9px 0 0 5px;
}


/*#nav UL#main-nav LI DIV DIV P.title {
    margin: 0px 0px 3px 8px;
    width: auto;
}

.lt-ie10 #nav UL#main-nav LI DIV DIV P.title {
    width:150px;
}*/


#nav UL#main-nav LI DIV DIV h2 {
 font-family: 'CoreRhino45Regular',sans-serif;
    font-size:18px;
    font-weight:300;
    color:#074391 !important;
}

#nav UL#main-nav LI DIV DIV h3 {
    margin-top:14px;
    font-family:"cronos-pro";
    font-weight:400;
    color:#074391 !important;
}

#nav UL#main-nav LI DIV DIV h2 a {
    color:#074391 !important;
}
#nav UL#main-nav LI DIV DIV h2 a:hover {
    color:#f40046;
}

#nav UL#main-nav LI DIV DIV UL {
    clear: none;
    height: auto;
    list-style: outside none none;
    margin: 14px 20px 0 0;
    padding: 0;
    width: 200px;
}

#nav UL#main-nav LI DIV#sub-nav-item-2 DIV ul {
    width: 185px;
}

#nav UL#main-nav LI DIV#sub-nav-item-3 DIV ul {
    width: 185px;
}

#nav UL#main-nav LI DIV#sub-nav-item-4 DIV ul {
    width: 185px;
}

#nav UL#main-nav LI DIV DIV UL LI {
    border-right: 0px;
    float: none;
    display: block;
    margin: 0px 0px 0px 0px;
    height: 32px;
    list-style-position: outside !important;
}

#nav UL#main-nav LI DIV DIV UL.ships-list LI {
    border-right: 0px;
    float: none;
    display: block;
    margin: 0px 0px 22px 0px;
    height: 32px;
    list-style-position: outside !important;
}

#nav UL#main-nav LI DIV DIV UL LI A {
    display: block;
    /*line-height:32px !important;*/
    font-family: "cronos-pro",sans-serif;
    font-size:19px;
    font-weight:300;
    color:#074391;
}

#nav UL#main-nav LI DIV DIV UL LI A:hover, #nav UL#main-nav LI DIV DIV UL LI span:hover {
    color:#e40046;
}


#nav UL#main-nav LI DIV DIV UL.ships-list LI a img {
    margin-bottom: 3px;
}



/*#nav UL#main-nav LI DIV DIV.col1 {
    float: left;
}

#nav UL#main-nav LI DIV DIV.col2 {
    float: left;
}

#nav UL#main-nav LI DIV DIV.col3 {
    float: left;
}
#nav UL#main-nav LI DIV DIV.col4 {
    float: left;
}
#nav UL#main-nav LI DIV DIV.colBottom {
    float: left;
    width:auto;
    margin-top:10px;
    
}*/
/*#nav UL#main-nav LI DIV#sub-nav-item-8 {
    width: 118px;
}
#nav UL#main-nav LI DIV#sub-nav-item-8 DIV.col1, #nav UL#main-nav LI DIV#sub-nav-item-8 DIV.col1 UL, #nav UL#main-nav LI DIV#sub-nav-item-8 DIV.col1 UL LI {
    width: 110px;
}

#nav UL#main-nav LI DIV#sub-nav-item-9 {
    width: 150px;
    margin-left: -94px !important;
}*/

/* target webkit browsers */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    #nav UL#main-nav LI DIV#sub-nav-item-9 {
        margin-left: -93px !important;
    }
}*/



/*#sub-nav-item-2 .col1
{
    width: 260px;
    border-right:1px solid #BCC7D3 !important;
}
#sub-nav-item-2 .col2
{
    border-right:1px solid #BCC7D3 !important;
}
#sub-nav-item-2 .col3
{
    width:auto;
}
#sub-nav-item-2 .col1 p.title
{
    margin:0 0 3px 0 !important;
}

.titleHeader {
    margin: 0 0 3px 8px;
    width: 105px;
}

.gt-ie8 div#sub-nav-item-5 div.col2
{
    width:174px !important;
}

.gt-ie8 div#sub-nav-item-3 UL
{
    float:none !important;
}*/

/* NAVIGATION */