/*
## menu.css - Contains style for menu
*/

/* common style for <ul> elements */
.nav,
.nav ul {
  list-style-type: none;
  padding: 0;
}

#navMain,
#navBottom {
  background: url(../GFX/navMainBg.gif) left top repeat-x;
  border-bottom: 1px solid #b1c5d0;
}

/* Top and bottom menu style */
#navMain li,
#navBottom li {
  float: left;
}

#navMain li a ,
#navBottom li a{
  display: block;
  padding: 6px 9px;
  color: #fff;
  font-weight: bold;
}

#navMain li a:hover,
#navBottom li a:hover {
  text-decoration: underline;
}

#navMain li.current a,
#navBottom li.current a {
  text-decoration: underline;
}

/*TODO: refactor code, get rid of inline-block element */
/*Sub menu style */
#navSub li a,#navWebshop li a, #navAction li a {
  font-size: 95%;
  font-weight: bold;
  color: #005e9b;
  padding: 5px 10px;
  display: block;
  /*margin-bottom: 1px;*/
  border-bottom: 1px solid #80aacb;
  /*background-color: #bcdaef;*/
}
#navWebshop li a {
  color:#fff;
  border-bottom: 1px solid #fff;
  background-color: #009FDC;
}
#navSub {
  margin-bottom:10px;
}
#navSub li a:hover,#navWebshop li a:hover,#navAction li a:hover{
  color: #003f6a;
  background-color: #97c0dd;
  text-decoration: none;
}

#navSub li a.current,#navWebshop li a.current,#navAction li a.current {
  background-color: #97c0dd; /*#003f6a;*/
  color: #003f6a; /*#fff;*/
  font-weight: bold;
}

ul#navSub,ul#navAction {
  width: 180px;
}

#navSub ul li a,#navAction ul li a {
  background-color: #dfebf4;
  padding-left: 18px;
  font-size: 90%;
  font-weight: normal;
}

#navSub ul li a:hover, #navSub ul li a.current,#navAction ul li a:hover{
  color: #003f6a;
  background-color: #97c0dd;
  /*background-color: #dfebf4;
  color: #005e9b;*/
}

#navSub ul li a.current {
  font-weight: bold;
}

/* Bottom menu style */
#navBottom {
  border-bottom-color: #0071b1;
  margin-bottom: 14px;
}

#navBottom li a {
  padding: 4px 9px;
}

.adsInfo ul {
  list-style-type: none;
  padding: 0;
}
.adsInfo ul li {
  float: left;
}
.adsInfo ul li a {
  margin-right: 8px;
}
ul.videoNav {
  clear:both;
  margin-bottom:10px;
}
ul.videoNav li {
  float:left;
  width:180px;
  text-align:center;
  font-weight:bold;
  font-size:115%;
  display:block;
  margin-right:10px;
  border:1px solid #80AACB;
}
ul.videoNav li.current a,
ul.videoNav li a:hover{
  background:#97C0DD;
}
ul.videoNav li a{
  display:block;
  color:#005E9B;
  padding:5px 15px;
}