/*

Title:      VetRDxDirect Main Navigation Styles
Author:     Revised by Daniel Marino
Revised:		June 2009

*/


ul#mainNav {
	background: #fff url(/images/design/menu_bg.gif) right top repeat-x;
  height: 34px;
  position: relative;
  z-index: 1000;
}

li.main-menu-item {
  background: url(/images/design/menu_border.gif) right top no-repeat;
	display: block;
  float: left;
	font-weight: bold;
	height: 34px;
	line-height: 25px;
  position: relative;
  text-align: center;
}

ul#mainNav li.last {
  background: none;
}

li.main-menu-item a {
	color: #fff;
 	float: left;
 	height: 30px;
	padding: 4px 20px 0;
	text-decoration: none;
 	white-space: nowrap;
}

li.main-menu-item a:hover, li.main-menu-item a.active {
  background: url(/images/design/menu_bg.gif) 0 -34px repeat-x;
}

li#dogs a, li#cats a {
  width: 60px;
}

div.subNav {
  background: #fff;
  border: 5px solid #d77222;
  color: #064191;
  display: block;
  font-weight: normal;
  margin-left: -17px;
  position: absolute;
  top: 34px;
  z-index: 3;
}

ul#mainNav .twoColumn {
  width: 360px;
}

ul#mainNav div.last {
  margin-left: -250px;
  background: #fff;
}

ul#mainNav li.column {
  float: left;
  display: inline;
  width: 180px;
}

div.subNav ul li {
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}

div.subNav ul li a, #dogs .subNav ul li a, #cats .subNav ul li a {
  display: block;
  color: #d77222; 
  font-weight: bold;
  margin: 0;
  padding: 5px 0 0 5px;
  width: 12em;
}

div.subNav ul li a:hover, #dogs .subNav ul li a:hover, #cats .subNav ul li a:hover {
  background: #E9F2F8;
}

div.subNav ul li ul {
  margin: 0;
  padding: 0;
}
  
div.subNav ul li ul li {
  line-height: 10px;
  margin: 0;
  padding: 0;
}

div.subNav ul li ul li a {
  background: url(/images/design/rsaquo.png) 5px 6px no-repeat;
  border: none;
  color: #064191;
  display: block;
  font-weight: normal;
  height: auto;
  margin: 0;
  padding: 10px 5px 10px 18px;
  text-align: left;
  width: 12em;
}

div.subNav ul li ul li a:hover {
  background: url(/images/design/rsaquo.png) 5px 6px no-repeat;
}

#dogs-subnav ul li a, #cats-subnav ul li a {
  display: block;
  margin: 0;
  padding: 0;
  width: 12em;
}
