﻿/* Douro Azul - navigation.css */



#upperMenusHolder {
  width: 970px;
  overflow: hidden;
  padding-left: 10px;
}



/* Legend */

#titleHolder a.Legend {
  margin: 0 7px;
  color: #49412B;
}
#titleHolder span.Legend a.Legend:hover { text-decoration: underline; }



/* Language Menu */

  #supportMenuHolder {
    height: 23px;
    padding-top: 7px;
    background: transparent url('/Files/Templates/Designs/DouroAzul/images/langMenuBackground.png') repeat-x 0 0;
  }
  #supportMenuHolder, #supportMenuBackground { height: 22px; }
    #supportMenuBackground { background: transparent url('/Files/Templates/Designs/DouroAzul/images/sprite.png') no-repeat -11px -56px; }
      #supportMenuHolder span#languageLabel {
        padding: 0 2px 0 20px;
        border-left: 1px dotted #510B08;
      }
      #supportMenuHolder li {
        padding: 0 20px;
        border-left: 1px solid #A09989;
      }
        #supportMenuHolder li a, #supportMenuHolder span#languageLabel {
          color: #B8A372;
          font: normal 13px KlavikaRegular, Verdana, Arial, Helvetica, sans-serif;
        }
        #supportMenuHolder li a, #mainMenuHolder a, #footerHolder li > a,
        #supportMenuHolder span#languageLabel { text-transform: uppercase; }
      #supportMenuHolder li.lastitem {
        padding-right: 60px;
        border-left: 1px dotted #510B08;
      }
        #supportMenuHolder a.inpath { color: #B9A77B; }
        #supportMenuHolder .flagHolder {
          top: 5px;
          right: 20px;
          background: transparent url('/Files/Templates/Designs/DouroAzul/images/flagBackground.png') no-repeat 0 0;
        }
        #jsddm li#flagBackground, #supportMenuHolder .flagHolder {
          width: 32px;
          height: 19px;
        }
        .jsddm li#flagBackground {
          padding-left: 0;
          padding-top: 3px;
          background: transparent url("/Files/Templates/Designs/DouroAzul/images/sprite.png") no-repeat scroll -478px -61px;
        }
          .jsddm li#flagBackground > img { margin-left: 11px; }
          #flagBackground ul { margin: 6px 0 0 5px; }
    #langMenuBottomShadow { left: 0; }



/* First Level Menu */

#mainMenuHolder {
  background: #FFF;
  padding: 21px 0 6px 19px;
  border-bottom: 1px solid #e2e2e2;
}
  #mainMenuHolder ul {
    margin: 4px 0 0 0;
    vertical-align: super;
  }
    #mainMenuHolder .pageLevel2 > li {
      padding: 1px 0 8px 0;
      border-right: 1px solid #e2e2e2;
      background: transparent url('/Files/Templates/Designs/DouroAzul/images/mainMenuBackground.jpg') repeat-x 0 13px;
    }
    #mainMenuHolder li.firstItem { background: transparent url('/Files/Templates/Designs/DouroAzul/images/firstButtonMainMenuBg.png') no-repeat 0 13px; }
    #mainMenuHolder li.lastItem { border-right: none; }
      #mainMenuHolder li a {
        color: #636363;
        font-size: 15px;
        font-family: KlavikaMedium, Verdana, Arial, Helvetica, sans-serif;
      }
      #mainMenuHolder li.hasChild > a {
        padding-right: 30px;
        background: transparent url("/Files/Templates/Designs/DouroAzul/images/menuDownArrow.png") no-repeat scroll right 4px;
      }
      #mainMenuHolder .pageLevel2LiHover {
        /*border-bottom: 1px solid #012B63;*/
        background: transparent url('/Files/Templates/Designs/DouroAzul/images/firstLevelHoverBackground.gif') repeat-x 0 0 !important;
      }
        #mainMenuHolder .pageLevel2AHover {
          color: #FFF;
          background: transparent url('/Files/Templates/Designs/DouroAzul/images/blueUpArrow.png') no-repeat right 5px !important;
        }

#mainMenuHolder .pageLevel2 > li {
  padding-bottom: 9px ;
}

/* Second Level Menu */

#mainMenuHolder .pageLevel3 {
  margin-top: 9px;
  background: transparent url('/Files/Templates/Designs/DouroAzul/images/secondLevelBottomLeftCorner.png') no-repeat left bottom;
  z-index:9999;
}
 
  #mainMenuHolder .pageLevel3 li {
    border: none;
    padding: 0 10px;
    background: #012B63;
    /*float:left;
    width:100%;*/
  }
    #mainMenuHolder .pageLevel3 li.firstItem { background: transparent url('../images/secondLevelTopRightCorner.png') no-repeat right top;margin-top:-1px }
    #mainMenuHolder .pageLevel3 li.lastItem { padding-bottom: 10px; }
    #mainMenuHolder .pageLevel3 li.lastItem, .secondLevelBottomRightBg { background: transparent url('../images/secondLevelBottomRightCorner.png') no-repeat right bottom; }
    #mainMenuHolder .pageLevel3 a {
      color: #1660C3;
      background: #012B63;
      text-transform: none;
      padding: 6px 15px 3px 15px;
      border-top: 1px solid #023880;    
      /*float:left;
      height:13px;*/      
      border-bottom: 1px solid #012352;
      font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    }
    .secondLevelTopBackground {
      top: 0;
      left: 0;
      width: 12px;
      height: 26px;
      background: transparent url('/Files/Templates/Designs/DouroAzul/images/secondLevelUpperBlue.gif') repeat-x 0 0;
    }
    .secondLevelBottomBackground, .secondLevelBottomRightBg {
      width: 10px;
      height: 10px;
    }     
    .secondLevelBottomBackground {
      /*height:8px!important;*/
      left: 10px;      
      background: transparent url('/Files/Templates/Designs/DouroAzul/images/secondLevelBlueBottom.gif') repeat-x 0 0;
    }
    .secondLevelBottomRightBg { right: 0; }
    #mainMenuHolder .pageLevel3 li:hover a {background: transparent url('../images/sprite.png') repeat-x -497px -96px; }
     @-moz-document url-prefix() {
       #mainMenuHolder .pageLevel3 li.lastItem {
         height:23px!important;  
       }
     .secondLevelBottomBackground{
       height:8px!important;
     }
     }
    #mainMenuHolder .pageLevel3 li:hover a { background: #012B63 url('../images/dropdownMainMenuBackground_v2.gif') repeat-x 0 bottom; }
    /*#mainMenuHolder .pageLevel3 li.firstItem a:hover { background-position: 0 1px }
    #mainMenuHolder .pageLevel3 li.lastItem a:hover { background-position: 0 2px }todo*/
    #mainMenuHolder .pageLevel3 li.firstItem a { border-top: none; }
    #mainMenuHolder .pageLevel3 li.lastItem a { border-bottom: none; }
    #mainMenuHolder .secondLevelBlueArrow {
      top: 10px;
      left: 15px;
      width: 3px;
      height: 5px;
      background: transparent url('/Files/Templates/Designs/DouroAzul/images/sprite.png') no-repeat -503px -106px;
    }



/* Footer Menu */

#footerHolder {
  color: #3F3724;
  padding-top: 30px;
}
  #footerMenuHolder {
    top: -21px;
    height: 42px;
    width: 979px;
    background: transparent url('/Files/Templates/Designs/DouroAzul/images/sprite.png') repeat-x -9px -10px;
  }
  #footerMenuHolder li { padding-top: 14px; }
    #footerMenuHolder li:hover { background: transparent url("/Files/Templates/Designs/DouroAzul/images/footerArrow.png") no-repeat scroll center 5px; }
    #footerMenuHolder li > a {
      color: #5B4F32;
      border-left: 1px solid #887650;
      font: normal 14px KlavikaRegular, Verdana, Arial, Helvetica, sans-serif;
    }
    #footerMenuHolder li.inpath > a {
      color: #383121;
      font: normal 14px KlavikaBold, Verdana, Arial, Helvetica, sans-serif;
    }



/* Dropdown Menu - Language menu*/

.jsddm, .jsddm li ul, .jsddm li ul li, #flagBackground li, .pageLevel4 li { padding: 0; }
.jsddm { margin: -2px 11px 0 0; }
  .jsddm li  {
    border: none;
    list-style: none;
  }
    .jsddm li a { padding: 5px 7px; }
      .jsddm li ul {
        margin: 7px 0 0 0;
        visibility: hidden;
      }
        .jsddm li ul li {
          float: none;
          display: inline;
        }
          #supportMenuHolder .jsddm li ul li a {
            width: auto;
            background: #CCC;
          }
            #supportMenuHolder .jsddm li ul li a:hover { background: #999; }



/* Third Level Menu */

.tabsBackground {
  height: 50px;
  border-bottom: 1px solid #695A3C;
  background: transparent url('/Files/Templates/Designs/DouroAzul/images/tabsBackground.jpg') repeat-x 0 0;
}
  .tabsBackground ul {
    left: 20px;
    height: 100%;
  }
    .tabsBackground li {
      padding-left: 4px;
      margin: 21px 10px 0 0;
      background: transparent url('/Files/Templates/Designs/DouroAzul/images/defaultTabCornerLeft.png') no-repeat left top;
    }
      .tabsBackground li:hover {
        color: #63573B;
        background: transparent url('/Files/Templates/Designs/DouroAzul/images/cornerLeftHoverTab.png') no-repeat left top;
      }
      .tabsBackground .divHoverBg { background: transparent url('/Files/Templates/Designs/DouroAzul/images/cornerRightHoverTab.png') no-repeat right top; }
    .tabsBackground div {
      padding-right: 4px;
      background: transparent url('/Files/Templates/Designs/DouroAzul/images/defaultTabCornerRight.png') no-repeat right top;
    }
      .tabsBackground a {
        height: 22px;
        color: #5B5036;
        display: block;
        padding: 7px 6px 0 6px;
        font: normal 16px KlavikaRegular, Verdana, Arial, Helvetica, sans-serif;
        background: transparent url('/Files/Templates/Designs/DouroAzul/images/defaultTabRepeat.png') repeat-x 0 0;
      }
        .tabsBackground .aHover {
          color: #261D0D;
          background: transparent url('/Files/Templates/Designs/DouroAzul/images/hoverTab.png') repeat-x 0 0;
        }
      .tabsBackground li.inpath {
        height: 35px;
        margin-top: 15px;
        padding-left: 11px;
        border-bottom: 1px solid #786843;
        background: transparent url('/Files/Templates/Designs/DouroAzul/images/cornerLeftActive.png') no-repeat left top;
      }
      .tabsBackground li.inpath div {
        height: 30px;
        margin-top: 0;
        padding: 5px 15px 0 0;
        background: transparent url('/Files/Templates/Designs/DouroAzul/images/cornerRightActive.png') no-repeat right top;
      }
      .tabsBackground .inpath a {
        height: 20px;
        color: #53482F;
        padding: 8px 0 2px 3px;
        font-family: KlavikaBold, Verdana, Arial, Helvetica, sans-serif;
        background: transparent url('/Files/Templates/Designs/DouroAzul/images/activeTabRepeat.png') repeat-x 0 -3px;
      }



/* Fourth Level Menu */

#fourthMenuHolder { margin-bottom: 24px; }
.pageLevel4 li { margin: 0 10px 5px 0; }
  .pageLevel4 li:hover {
    color: #C5AB71;
    background: transparent url('/Files/Templates/Designs/DouroAzul/images/sprite.png') no-repeat -773px -245px;
  }
.pageLevel4 li.inpath { background: transparent url('/Files/Templates/Designs/DouroAzul/images/sprite.png') no-repeat -773px -261px !important; }
  .pageLevel4 li.inpath a {
    color: #FFF;
    margin-left: 12px;
  }
  .pageLevel4 a {
    margin-left: 10px;
    font: normal 13px KlavikaRegular, Verdana, Arial, Helvetica, sans-serif;
  }



/* Menus */

#supportMenuHolder, #supportMenuHolder .flagHolder, #mainMenuHolder ul { float: right; }
ul.pageLevel2 li, #footerCircle, #footerContent, #supportMenuHolder span#languageLabel,
ul.pageLevel2, .tabsBackground li, .jsddm, .jsddm li, .pageLevel4 li { float:left; }
#supportMenuHolder li.firstItem, #footerHolder li.firstItem a, #supportMenuBackground .jsddm li { border-left: none; }
#mainMenuHolder .pageLevel3 li, .jsddm li a, #mainMenuHolder .pageLevel3 a { display: block; }
#mainMenuHolder .pageLevel2 a:hover, #supportMenuHolder li a:hover, #mainMenuHolder .pageLevel3 a:hover { color: #FFF; }
#mainMenuHolder .pageLevel2 li:hover, #supportMenuHolder .flagHolder { cursor: pointer; }
.secondLevelTopBackground, .secondLevelBottomBackground, #mainMenuHolder .secondLevelBlueArrow,
#footerMenuHolder, #langMenuBottomShadow, #supportMenuHolder .flagHolder,
.jsddm li ul, .tabsBackground ul, .secondLevelBottomRightBg { position: absolute; }
#supportMenuHolder, #footerHolder, .tabsBackground, #mainMenuHolder .pageLevel3 li { position: relative; }
#langMenuBottomShadow, .secondLevelBottomRightBg { bottom: 0; }