/* Style for Dynamic Menu */


#nav, #nav ul {
      float: left;
      width: auto;
      list-style: none;
      line-height: 12px;
      background-color: transparent;
      padding: 0;
      margin: 0;

}

#nav a {
      display: block;
      font-size:11px;
      white-space:nowrap;
      text-transform:capitalize;
      color: rgb(0,0,0);
      text-decoration: none;
      padding: 0.25em;
}

#nav a.substyle {
      text-transform: none;
      font-weight: normal;
}

#nav a.topstyle, #nav p.topstyle {
      padding:3px 0 0 8px;
      text-transform: capitalize;
      font-weight: normal;
      font-size: 10px;
      white-space: nowrap;
      text-align: center;
      color: rgb(28,37,77);
      width:86px;
      height:22px;
      cursor:pointer;
}


#nav p.topstyle:hover, #nav a.topstyle:hover {
      background:url(../img/build/buttoblu.png) repeat-x;
      color:rgb(255,255,255);
}


#nav a.substyle, #nav p.substyle {
      font-size: 10px;
      background-color: rgb(17,51,85);
      color: #fff;
}

#nav li {
      float: left;
      list-style-type:none;
}

#nav li ul {
      position: absolute;
      left: -999em;
      height: auto;
      width: 180px;
      font-weight: normal;
      border: 1px solid #333;
      background-color: rgb(17,51,85);
      top:20px;
}

#nav li li {
      width:170px;
      background-color: rgb(17,51,85);
      margin-left:6px;
}
html>body #nav li li {
      width:170px;
}



#nav li:hover ul ul, #nav li:hover ul ul ul {
      left: 2em;
}

#nav li:hover ul, #nav li.over ul, #nav li li:hover ul, #nav li li li:hover ul {
      left: auto;
      background-color:rgb(210,29,22);
}


#nav li:hover, #nav li a:hover, #nav li.over {
      background-color: transparent;
      color: #000;
}

#nav li li a:hover {
      background-color: rgb(240,222,21);
      color: #000;
}




/********************************/


div.divider {
      position:relative;
      top:-34px;
      width:2px;
}

div#lastdiv {
      position:relative;
      top:6px;
      width:2px;
}



div#navbar {
background:rgb(17,51,85) url(../img/build/navBase.png);
height:52px;
z-index:100;
position:relative;
}

div#topnavbar {
text-align:center;
height:32px;
margin-left:auto;
margin-right:auto;
width:876px;
background-color:rgb(28,37,77);
border-left:2px solid rgb(56,111,153);
border-right:2px solid rgb(56,111,153);
}

div#topnavbar ul {
display:block;
position:relative;
left:-13px;
}

div#topnavbar ul li {
      float:left;
      list-style:none;
      position:relative;
      left:0px;      
      margin-right:4px;
}

 div#barA {
 background:rgb(0,0,0) url(../img/build/barA.png) repeat-x 0 0;
 height:30px;
 width:100%;
 }

div.cataloguenav {
      font-size:9px;
      position:relative;
      text-align:center;
      /*border: 1px solid rgb(17,51,85);*/
      border-right: 2px solid rgb(56,111,153);
      border-left: 2px solid rgb(56,111,153);
      width:82px;
      top:0px;
      background-image:url(../img/build/navone.png);
      height:28px;
      z-index:30;
      padding: 2px;
      font-family:arial;
      cursor:pointer;
      color:white;
}

li div[id=gry]:hover {
      background-image:url(../img/build/navgry.png);
      color:rgb(255,255,255);
}

li div[id=dbl]:hover {
      background-image:url(../img/build/navdbl.png);
      color:rgb(255,255,255);
}

li div[id=red]:hover {
      background-image:url(../img/build/navred.png);
      color:rgb(255,255,255);
}
li div[id=pur]:hover {
      background-image:url(../img/build/navpur.png);
      color:rgb(255,255,255);
}
li div[id=blu]:hover {
      background-image:url(../img/build/navblu.png);
      color:rgb(255,255,255);
}
li div[id=yel]:hover {
      background-image:url(../img/build/navyel.png);
      color:rgb(255,255,255);
}
li div[id=ora]:hover {
      background-image:url(../img/build/navora.png);
      color:rgb(255,255,255);
}
li div[id=grn]:hover {
      background-image:url(../img/build/navgrn.png);
      color:rgb(255,255,255);
}

div#lownav {
      position:relative;
      width:858px;
      margin-left:auto;
      margin-right:auto;
      left:5px;
}



div.topnav {top:-2px;position:relative;}