@charset "UTF-8";
/* Compiled CSS, generated from "/apps/cms_41/website_specifics/dropdown_menu.less" */


/*  Navigation bar 
----------------------------------------------------------------------------------------------------*/
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_seventeen */
.navigation {
  background: #555555 url(/app/images/nav-bkgrnd-x.jpg) bottom repeat-x;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  display: inline;
  float: left;
  position: relative;
  z-index: 60;
  font-size: 12px;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
  position: relative;
  z-index: 61;
  height: 25px;
  margin-left: 7px;
  text-align: center;
}
.menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style: none;
}
.menu ul li {
  float: left;
  position: relative;
}
.menu li a {
  display: block;
  float: left;
  height: 25px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  margin-left: 0px;
  padding: 0 7px 3px 7px;
  /*padding:0 16px 3px 12px;*/
}
.menu ul li ul {
  display: none;
  list-style-type: none;
  list-style: none;
}
.menu ul li a,
.menu ul li a:visited {
  display: block;
  text-decoration: none;
  height: 20px;
  text-align: center;
  color: #fff;
  /* link text - font color  */
  background: none;
  line-height: 20px;
  overflow: hidden;
}
/* specific to non IE browsers */
.menu ul li:hover a {
  background: url(/app/images/menu-a-hover.gif) repeat-x;
  color: #fff;
  /* link text - font color on hover */
}
.menu ul li:hover ul {
  display: block;
  position: absolute;
  top: 23px;
  left: 0;
  width: 200px;
}
.menu ul li:hover ul li a {
  display: block;
  background: #555;
  /* sub menu links - background color  */
  color: #fff;
  /* sub menu link text - font color  */
  width: 200px;
  padding: 2px 2px 2px 5px;
  text-align: left;
}
.menu ul li:hover ul li a:hover {
  background: #222;
  /* url(/app/images/menu-a-hover.gif) repeat-x;  sub menu links - background color/image on hover  */
  color: #ffc;
  /* sub menu link text - font color on hover  */
  text-decoration: none;
  border-bottom: none;
}
.menu li.active {
  background: #ccc;
  /* links - background color for 'active' state  */
}
.menu li.active a {
  color: #039;
  /* link text - font color for 'active' state  */
}
.menu ul li.active a {
  color: #039;
  /* link text - font color for 'active' state  */
}
.menu li.active a:hover {
  color: #fff;
  /* link text - 'active' font color on hover  */
}
/* **************************** reiterate styles for right nav after re-nesting **************************** */
.navigation_right {
  position: relative;
  float: right;
  z-index: 60;
  height: 25px;
  margin-left: 0;
  text-align: center;
  background-color: #039;
}
.navigation_right ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style: none;
  background-color: #003399;
}
.navigation_right ul li a,
.navigation_right ul li a:visited {
  display: block;
  float: left;
  text-decoration: none;
  height: 20px;
  text-align: center;
  color: #fff;
  /* link text - font color  */
  line-height: 20px;
  overflow: hidden;
}
.navigation_right li a {
  display: block;
  float: left;
  height: 25px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  margin-left: 0px;
  padding: 0 7px 3px 7px;
  /*padding:0 16px 3px 12px;*/
}
.navigation_right ul li ul {
  display: none;
  list-style-type: none;
  list-style: none;
  background-color: #003399;
}
/* specific to non IE browsers */
.navigation_right ul li:hover a {
  background-color: #003399;
  color: #fff;
  /* link text - font color on hover */
}
.navigation_right ul li:hover ul {
  display: block;
  position: absolute;
  top: 23px;
  left: -40px;
  /*left:-25px;*/
  width: 110px;
}
.navigation_right ul li:hover ul li a {
  display: block;
  background: #039;
  /* sub menu links - background color  */
  color: #fff;
  /* sub menu link text - font color  */
  width: 110px;
  padding: 2px 7px 2px 0;
  text-align: right;
}
.navigation_right ul li:hover ul li a:hover {
  background: #039;
  /* url(/app/images/menu-a-hover.gif) repeat-x;  sub menu links - background color/image on hover  */
  color: #ffc;
  /* sub menu link text - font color on hover  */
  text-decoration: none;
  border-bottom: none;
}
.navigation_right li.active {
  background: #039;
  /* links - background color for 'active' state  */
}
.navigation_right li.active a {
  color: #fff;
  /* link text - font color for 'active' state  */
}
.navigation_right li.active a:hover {
  color: #ffc;
  /* link text - 'active' font color on hover  */
}
/* THREE links to the right - advertise, store, classifieds */
.navigation_right {
  background: url(/app/images/nav-right-trans.jpg) no-repeat;
  float: right;
  color: #fff;
  padding-left: 44px;
  list-style-type: none;
}
.navigation_right ul li {
  float: right;
  background-color: #003399;
}
.navigation_right li:hover ul {
  display: block;
  position: absolute;
  top: 23px;
  left: -40px;
  /*left:-25px;*/
  width: 65px;
}
.navigation_right li ul li,
.navigation_right li ul li a {
  width: 110px;
  text-align: right;
}
.navigation_right li:hover a {
  background: #039;
  color: #fff;
  border-bottom: none;
}
.navigation_right li a:hover {
  color: #ffc;
  text-decoration: none;
  border-bottom: none;
}
.navigation_right li:hover ul li a:hover {
  background: #039;
  color: #ffc;
  text-decoration: none;
  border-bottom: none;
}