.padding
{
    height:300px;
}
/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/jquery-menutree.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#wrap
{
    position: relative;
    height: 200px;
    width: 130px;
    z-index: 100;
}
#nav{}
#nav, #nav ul
{
    list-style: none;
	margin:0;
	padding:0;
	padding-top:38px;
}
#nav li
{
    color: #000000;
    cursor: pointer;
}
#nav li a
{
    /*background: url(https://www.activeoutthere.com/images/main_menu_bkgrd.jpg) no-repeat;*/
    color: #000000;
    cursor: pointer;
    width: 100%;
    color: #000;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
#nav li a:hover
{
    color: #000000;
    cursor: pointer;
    width: 100%;
    color: #000;
    text-decoration: none;
}
#nav li ul li a
{
    padding-left:0;
}


#nav li.p1, #nav li {
    background: url("first_level.png") no-repeat;
    color: #000000;
    cursor: pointer;
    display: block;
    font-size: 13px;
	padding:10px 0;
    position: relative;
    text-indent: 27px;
}
#nav li.p1:hover, #nav li:hover{
    background: url("first_level_hover.png") no-repeat;
}
#brands_panel #nav li.p1:hover, #brands_panel  #nav li:hover{
    background: none;
}
#nav li.p1 ul li, #nav li  ul li{
    background: url("second_level.png") no-repeat;
    color: #000000;
    cursor: pointer;
    display: block;
    font-size: 13px;
    padding: 10px 0;
    position: relative;
    text-indent: 55px;
}

#nav li.p1 ul li:hover, #nav li  ul li:hover{
    background: url("second_level_hover.png") no-repeat;
}
#nav li ul{
    margin: 0;
	padding:0;
	margin-top:10px;
    list-style: none;
}