#navigation li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
}

#navigation ul
{
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	opacity: .95;
	filter:alpha(opacity=95);
}

#navigation ul ul
{
	border-top: 1px solid #ccc;
}

#navigation li:hover>ul
{
  visibility: visible;
  top: 100%;
}

#navigation li li:hover>ul
{
  top: 0px;
  left: 100%;
}

#navigation:after, #navigation ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}

#navigation
{
  padding: 6px 6px 6px 6px;
}

#navigation ul li
{
  clear: both;
}

#navigation a , #navigation a span
{

  display: block;
}

#navigation a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 2px;
}


#navigation ul a
{
  display:block;
  text-align: center;
  height: 24px;
  overflow:hidden;
  line-height: 30px;
  margin-right: auto;
  background: #fff;
}

.co {
	width: 150px !important;	
}

.prod {
	width: 160px !important;	
}

.mg {
	width: 170px !important;	
}

.wl {
	width: 190px !important;	
}

.pp {
	width: 100px !important;	
}

.ac {
	width: 150px !important;	
}

.at {
	width: 120px !important;	
}

.bl {
	width: 180px !important;	
}

.mark {
	width: 130px !important;	
}

.oppo {
	width: 200px !important;	
}

#navigation ul a:link, #navigation ul a:visited, #navigation ul a:hover, #navigation ul a:active
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 24px;
  color: #333;
  font-weight: bold;
  font-size: 12px;
}

#navigation ul a:hover {
	background: #e1e1e1;	
}


ul#navigation {
	margin: 0;
	margin-right: 30px;
	padding: 0;
	display: inline;
	list-style-type: none;
}

ul#navigation li {
	margin: 0;
	margin-left: 0px;
	padding: 0;
	display: inline;
	list-style-type: none;
}

.company a {
	display: inline-table;
	width: 84px;
	height: 22px;
	padding-bottom: 1px !important;
	background: url('../img/company.gif') top left no-repeat;	
}

.company a:hover {
	background: url('../img/company.gif') left -22px no-repeat;	
}

.products a {
	display: inline-table;
	width: 99px;
	height: 22px;
	padding-bottom: 1px !important;
	background: url('../img/products.gif') top left no-repeat;	
}

.products a:hover {
	background: url('../img/products.gif') left -22px no-repeat;	
}

.trainers a {
	display: inline-table;
	width: 90px;
	height: 22px;
	background: url('../img/trainers.gif') top left no-repeat;	
}

.trainers a:hover {
	background: url('../img/trainers.gif') left -22px no-repeat;	
}

.blog a {
	display: inline-table;
	width: 62px;
	height: 22px;
	padding-bottom: 1px !important;
	background: url('../img/blog.gif') top left no-repeat;	
}

.blog a:hover {
	background: url('../img/blog.gif') left -22px no-repeat;	
}

.athletes a {
	display: inline-table;
	width: 90px;
	height: 22px;
	padding-bottom: 1px !important;
	background: url('../img/athletes.gif') top left no-repeat;	
}

.athletes a:hover {
	background: url('../img/athletes.gif') left -22px no-repeat;	
}

.stores a {
	display: inline-table;
	width: 78px;
	height: 22px;
	background: url('../img/stores.gif') top left no-repeat;	
}

.stores a:hover {
	background: url('../img/stores.gif') left -22px no-repeat;	
}

.cart a {
	display: inline-table;
	width: 53px;
	height: 22px;
	background: url('../img/cart.gif') top left no-repeat;	
}

.cart a:hover {
	background: url('../img/cart.gif') left -22px no-repeat;	
}

.selected a{
	background-position: left -17px !important;
}