olor/* MENU SETUP */

img
{
	border: 0px;
}

#menu
{

	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	white-space: nowrap;
float:left;
	width: 985px; /* Set width to the entire menu. Not needed for vertical, since block size will be set for vertical styles */
	height:42px;
	
	
	
	
}


#menu li
{
	
	float:left;
	position:relative;
	
	
}

#menu ul

{

	position:absolute;

	left:-40px;

	top:42px;
text-align:left;
	width:250px;

	z-index:999999;
display:none;


}






#menu li, #menu li a
{
	list-style-type: none;
	list-style-image:none;
	left:0px;
	color:#ffffff;
	text-decoration:none;
	display:block;
cursor:pointer;

	
}


/* Delete this next section when doing a vertical menu */

/*
#menu li.two
{
	display: table-cell;
	width: 50%;
}


#menu li.three
{
	display: table-cell;
	width: 33.3%;
}

#menu li.four
{
	display: table-cell;
	width: 25%;
}

#menu li.five
{
	display: table-cell;
	width: 20%;
}

#menu li.six
{
	display: table-cell;
	width: 16.6%;
}

#menu li.seven
{
	display: table-cell;
	width: 13%;
}

#menu li.eight
{
	display: table-cell;
	width: 12.5%;
}

#menu li.nine
{
	display: table-cell;
	width: 11.1%;
}

#menu li.ten
{
	display: table-cell;
	width: 10%;
}

/* STOP DELETING */





* html #menu li
{
	float: left; /* If you are using a vertical menu, delete this line/style  */
	
}



/*Main Menu Style*/



#menu li.menu a, #menu  li.menu_hover a, #menu  li.menu:hover a, #menu li:hover a
{
	color: #777777;
    background-image:url('/images/camping/menu-bg-off.png');
    background-position: right bottom;
    background-repeat:no-repeat;
	
	padding-top:15px;
	font-family: Arial, Helvetica, Sans Serif;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	/*padding-left:11px;
	padding-right:31px;*/
	padding-left:7px;
	padding-right:19px;
	padding-bottom:8px;
    /*height:18px;*/
    height:auto;
}

html.ie10 #menu li.menu a, html.ie10 #menu  li.menu_hover a, html.ie10 #menu  li.menu:hover a, html.ie10 #menu li:hover a

{
	padding-top:15px!important;
}

html.ie10 #menu  li.menu_hit a, html.ie10 #menu  li.menu_hit_hover a
{
	padding-top:22px!important;
}


#menu  li.menu_hit a, #menu  li.menu_hit_hover a
{
	color: #777777;
background-image:url('/images/camping/menu-bg-on.png');
background-position:bottom right;
background-repeat:no-repeat;
	
	padding-top:21px;
	position:relative;
	top:-19px;
	font-family: Arial, Helvetica, Sans Serif;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	/*padding-left:12px;
	padding-right:32px;*/
	padding-left:8px;
	padding-right:20px;
	padding-bottom:8px;
	


	
}
 #menu  li.menu_hover a, #menu  li.menu:hover a, #menu li:hover a
{

background-image:url('/images/camping/menu-bg-hover.png');
color:#222222!important;
}

#menu  li.menu_hit a, #menu  li.menu_hit_hover a
{

background-image:url('/images/camping/menu-bg-on.png');
}


#menu  li.menu_hit a, #menu  li.menu_hit_hover a, #menu  li.menu_hit, #menu  li.menu_hit_hover,
{
	z-index:9999999;
}


/*
#menu li.menu_hover:before, #menu li.menu_hit:before, #menu li.menu_hit_hover:before
{
	
   content: url(/images/camping/menu-before.png);
   display:inline;
   position:absolute;
   top:-3px;
   z-index:999999;
   left:-16px;
   float:left;
   
   
}*/


/*Main Menu HOVER Style*/
 /*#menu li.menu a:hover, #menu li a:hover*/
#menu  li.menu_hit, #menu  li.menu_hit_hover
{

	color: #777777;

	height:40px;
    padding-top:12px;

	font-family: Arial, Helvetica, Sans Serif;
	text-align:center;
	background-image:url('/images/camping/menu-before.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:13px;
	position:relative;
	left:-15px;
	margin-right:-15px;
	
}

.spacer
{
	width:10px;
	color:#000000;
	background-color:#000000;
}



/*Sub Menu Style*/

#menu  li.menusub
{
	position:relative;
	padding: 8px 16px;
	color:#444444;
	background-color: #fff;
	border-top:0px;
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	text-decoration: none;
	display:block;
	float:none;


	
}

#menu  li.menusub a
{
color:#444444;

}

/*Sub Menu HOVER Style*/

#menu  li.menusub_hover
{
	position:relative;
	
	color:#ffffff;
	background-color: #cb2822;
	border:0px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	display:block;
	float:none;
	background-image:none;
	padding: 8px 16px;
	height:auto;
	text-align:left;

	
	
}

/*Sub Menu HIT Style*/

#menu  li.menusub_hit
{
display:none;
}

#menu  li.menusub_hit a
{
color:#444444;




}

#menu  li.menusub_hit_hover
{
position:relative;
	
	color:#ffffff;
	background-color: #cb2822;
	border:0px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	display:block;
	float:none;
	background-image:none;
	padding: 8px 16px;
	height:auto;
	text-align:left;
}



* html #menu a
{
	float: left; /* Not sure what this does, but may need to be removed when vertical  */
}

/* Random stuff */

.container
{
	clear: both;
	text-decoration: none;
}
* html .container
{
	display: inline-block;
}


.clear_both
{
	clear: both;
}

/* Hides all the levels when initially loading. Add more "sub"s as needed  */

.menu ul, .menusub ul, .menusubsub ul, .menu_hit ul
{
	display: none;
}

.menu_hit_hover ul, .menu_hover ul
{
	position:relative;
	left:-40px;
}



.menusub ul
{
    left:228px;
    top:0;
}
.menu_hit_hover ul ul, .menu_hover ul ul
{
	position:absolute;
	left:228px;
	z-index:1000;
}

.menu_hover ul ul li
{
    position:relative;
    top:-40px;
}


@-moz-document url-prefix() {
  #menu li.menu a, #menu li.menu a:hover, #menu li.menu_hover a
{padding-top:13px!important;}  

}

@-moz-document url-prefix() {
 #menu  li.menu_hit a, #menu  li.menu_hit_hover a
{top:-20px!important;}
}