.menu h2 { font-size:11px; float: left; color: #333; line-height: 32px; padding-left: 10px;}

  .menu {min-height:33px; background:url('/img/nav-bg.gif') 0 0 repeat-x; width:760px; position:relative; }

  /* remove all the bullets, borders and padding from the default list styling */
  .menu ul { padding: 0 0 0 0; margin:0; margin-top: 6px; margin-right: 10px; list-style-type:none; float: right;}

  /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
  .menu li { float:left; position:relative; margin:0 -7px 0 0; padding:0; list-style:none; display:inline; }

  /* style the links for the top level */
  .menu li a, .menu li a:visited { text-align:center; display:block; color:#555; text-decoration: none; height: 13px; background: #FDD9B5; padding:6px 13px 6px 6px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom:0; }

  /* style the top level hover */
  .menu li a:hover { color:#069; text-decoration: none;  }

  /* a hack so that IE5.5 faulty box model is corrected */
  /* was this...
  * html .menu li a, * html .menu li a:visited { width:150px; w\idth:139px; }
     now this...
  */
  
  * html .menu li a, * html .menu li a:visited { float: left; }

  /* hide the sub levels and give them a positon absolute so that they take up no room */
  .menu ul ul { visibility:hidden; position:absolute; height:0; top:16px; left:0; width:150px; }

  /* style the table so that it takes no ppart in the layout - required for IE to work */
  .menu table {position:absolute; top:0; left:0;}





  /* style the second level links */
  .menu ul ul a,.menu ul ul a:visited {background:#fafafa url('/img/nav-bullet-off.gif') 5px 6px no-repeat; color:#333; height:auto; line-height:1em; padding:7px 5px 10px 25px; width:135px; text-align:left; }

  .menu ul ul a:hover { color:#fff; height:auto; line-height:1em; padding:7px 5px 10px 10px; width:135px; text-align:left; }

  .menu ul li ul li:hover {  }

  .menu ul li ul li { border-right: 1px solid #ccc; }
  
  .menu ul li ul li.last { border-bottom: 1px solid #ccc;}

  .menu ul li ul li a:hover { background:#fef7e9 url('/img/nav-bullet-off.gif') 5px 6px no-repeat; padding-left:25px; color:#000; }

  .menu :hover > a, .menu ul ul :hover > a { color:#069; }

  /* yet another hack for IE5.5 */
  * html .menu ul ul a { width:150px; w\idth:129px; }

  /* make the second level visible when hover on first level list OR link */
  .menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; }

  /* keep the third level hidden when you hover on first level list OR link */
  .menu ul :hover ul ul{ visibility:hidden; }

  /* make the third level visible when you hover over second level list OR link */
  .menu ul :hover ul :hover ul{  visibility:visible; }

  .menu li a.first { margin-top: 5px; border-top:0; }

  /*
  .menu li a.double {background:#eee url(/img/nav-bullet-off.gif) 5px 6px no-repeat; color:#000; height:auto; line-height:1em; padding:7px 5px 15px 25px; width:135px; text-align:left; }
  .menu li a.double:hover { border-top:0; background: url(/img/nav-on-bgdbl.gif) 0 0 no-repeat; padding:7px 5px 15px 25px;  }
  */

  .menu li a.last { border-right: 1px solid #ccc;  }

  .menu ul li ul li a.end { border-bottom:0; background:url('/img/nav-bott.gif') 0 40px no-repeat; }






  div.offer p.main {
    margin-right: 5px;
    text-align: right;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: #333;}
  div.offer p {
    color: #666;
    margin-top: 5px;}