/*
EquitaShop menu style
@version 1.1
*/

#menu-container {
    height: 55px;
    width: 810px;
    z-index: 500;
}

#eqs-menu, #eqs-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
  z-index: 500;
}

/* Style the top menu items */
#eqs-menu a.c0_top, #eqs-menu a.c0_top:visited,
#eqs-menu a.c1_top, #eqs-menu a.c1_top:visited,
#eqs-menu a.c2_top, #eqs-menu a.c2_top:visited,
#eqs-menu a.c3_top, #eqs-menu a.c3_top:visited {
	background: url(../images/menutab.png);
	font-size: 1.2em;
	height: 55px;
	line-height: 55px;
	width: 186px;
	z-index: 500;
}

/* Style the sub menu items */
#eqs-menu a, #eqs-menu a:visited {
	color: #fff;
    display: block;
    font-size: 10pt;
    height: 1.8em;
    line-height: 1.8em;
    text-decoration: none;
	text-indent: 3px;
    width: 180px;
    z-index: 500;
}

#eqs-menu li {
	float: left;
	z-index: 500;
}

/* For Non-IE browsers and IE7 */
#eqs-menu li:hover {
	position: relative;
	z-index: 500;
}

/* Highlight the selected item */
#eqs-menu li:hover > a {
	font-weight: normal;
	z-index: 500;
}

/* Except the top menu items */
#eqs-menu li:hover > a.c0_top,
#eqs-menu li:hover > a.c1_top,
#eqs-menu li:hover > a.c2_top,
#eqs-menu li:hover > a.c3_top {
	color: #fff;
	font-weight: normal;
}

/* Update the background of the top item onMouseOver */
#eqs-menu li a.c0_top:hover, #eqs-menu li:hover > a.c0_top {
	background: url(../images/menutab0.png) no-repeat;
}
#eqs-menu li a.c1_top:hover, #eqs-menu li:hover > a.c1_top {
	background: url(../images/menutab1.png) no-repeat;
}
#eqs-menu li a.c2_top:hover, #eqs-menu li:hover > a.c2_top {
	background: url(../images/menutab2.png) no-repeat;
}
#eqs-menu li a.c3_top:hover, #eqs-menu li:hover > a.c3_top {
	background: url(../images/menutab3.png) no-repeat;
}

/* Hide the sub menu items */
#eqs-menu li ul {
	display: none;
}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#eqs-menu li:hover > ul {
    display: block;
    left: 180px;
    position: absolute;
    top: 0;
    width: 180px;
}

/* Position the first sub level beneath the top level links */
#eqs-menu > li:hover > ul {
	left: 3px;
	top: 55px;
}

/* Get rid of the table (only for IE) */
#eqs-menu table {
    border-collapse: collapse;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}

/* For IE5.5 and IE6 give the hovered links a position relative.
This is needed to trigger IE to show the sub levels */
* html #eqs-menu li a:hover {
	position: relative;
}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* Change the drop down levels from display: none; to visibility: hidden; */
* html #eqs-menu li ul {
    display: block;
    left: 186px;
    position: absolute;
    top: 0;
    visibility: hidden;
}

/* Keep the third level+ hidden when you hover on first level link */
#eqs-menu li a:hover ul ul {
	visibility: hidden;
}

/* Keep the fourth level+ hidden when you hover on second level link */
#eqs-menu li a:hover ul a:hover ul ul {
	visibility: hidden;
}

/* Keep the fifth level hidden when you hover on third level link */
#eqs-menu li a:hover ul a:hover ul a:hover ul ul{
	visibility: hidden;
}

/* Keep the sixth level hidden when you hover on fourth level link */
#eqs-menu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
	visibility: hidden;
}

/* Make the second level visible when hover on first level link and position it */
#eqs-menu li a:hover ul {
    left: 3px;
    lef\t: 3px;
    top: 55px;
    to\p: 55px;
    visibility: visible;
}

/* Make the third level visible when you hover over second level link and position it and all further levels */
#eqs-menu li a:hover ul a:hover ul {
    left: 180px;
    top: 0;
    visibility: visible;
}

/* Make the fourth level visible when you hover over third level link */
#eqs-menu li a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}

/* Make the fifth level visible when you hover over fourth level link */
#eqs-menu li a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}

/* Make the sixth level visible when you hover over fifth level link */
#eqs-menu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
    visibility: visible;
}

#eqs-menu li a.c0_top, #eqs-menu li:hover a.c0_top,
#eqs-menu li a.c1_top, #eqs-menu li:hover a.c1_top,
#eqs-menu li a.c2_top, #eqs-menu li:hover a.c2_top,
#eqs-menu li a.c3_top, #eqs-menu li:hover a.c3_top {
    background-repeat: no-repeat;
    font-size: 1.2em;
	text-align: center;
	text-transform: uppercase;
}

/* Set the top menu item text colors */
#eqs-menu li a.c0_top {
	color: #e42c3a;
}
#eqs-menu li a.c1_top {
	color: #a1c546;
}
#eqs-menu li a.c2_top {
	color: #f29400;
}
#eqs-menu li a.c3_top {
	color: #3aaadc;
}

/* Set the sub menu items background color */
#eqs-menu li a.c0, #eqs-menu li:hover a.c0 {
    background: #e42c3a;
}
#eqs-menu li a.c1, #eqs-menu li:hover a.c1 {
    background: #a1c546;
}
#eqs-menu li a.c2, #eqs-menu li:hover a.c2 {
    background: #f29400;
}
#eqs-menu li a.c3, #eqs-menu li:hover a.c3 {
    background: #3aaadc;
}

/* For IE6 */
#eqs-menu li a.c0_top:hover, #eqs-menu li:hover a.c0_top {
	background: url(../images/menutab0.png) no-repeat;
}
#eqs-menu li a.c1_top:hover, #eqs-menu li:hover a.c1_top {
	background: url(../images/menutab1.png) no-repeat;
}
#eqs-menu li a.c2_top:hover, #eqs-menu li:hover a.c2_top {
	background: url(../images/menutab2.png) no-repeat;
}
#eqs-menu li a.c3_top:hover, #eqs-menu li:hover a.c3_top {
	background: url(../images/menutab3.png) no-repeat;
}

#eqs-menu li a.c0_top:hover, #eqs-menu li:hover a.c0_top,
#eqs-menu li a.c1_top:hover, #eqs-menu li:hover a.c1_top,
#eqs-menu li a.c2_top:hover, #eqs-menu li:hover a.c2_top,
#eqs-menu li a.c3_top:hover, #eqs-menu li:hover a.c3_top {
	color: #fff;
	font-weight: normal;
}

#eqs-menu a.c0,
#eqs-menu a.c1,
#eqs-menu a.c2,
#eqs-menu a.c3, {
	font-size: 10pt;
	text-align: left;
	text-transform: none;
}

/* Set a different background when the cursor is over the
sub menu items. */
#eqs-menu li a.c0:hover {
    background: #f4abb0;
    color: #702415;
}
#eqs-menu li a.c1:hover {
    background: #d9e8b5;
    color: #702415;
}
#eqs-menu li a.c2:hover {
    background: #ffcc99;
    color: #702415;
}
#eqs-menu li a.c3:hover {
    background: #ccffcc;
    color: #702415;
}


#eqs-sidenavbar .category0 {background: #e42c3a;}
#eqs-sidenavbar .category1 {background: #a1c546;}
#eqs-sidenavbar .category2 {background: #f29400;}
#eqs-sidenavbar .category3 {background: #3aaadc;}

/* Set up the link size, color and borders */
#eqs-sidenavbar a, #eqs-sidenavbar a:visited {
    display: block;
    color:#000;
    //height: 20px;
    line-height: 20px;
    font-size: 1em;
    text-decoration: none;
    text-indent: 20px;
}

#eqs-sidenavbar a.category0_selected,
#eqs-sidenavbar a.category1_selected,
#eqs-sidenavbar a.category2_selected,
#eqs-sidenavbar a.category3_selected {
	color: #461514;
	font-weight: bolder;
}

#eqs-sidenavbar a.category0_selected {background: #f4abb0;}
#eqs-sidenavbar a.category1_selected {background: #d9e8b5;}
#eqs-sidenavbar a.category2_selected {background: #ffcc99;}
#eqs-sidenavbar a.category3_selected {background: #ccffcc;}

#eqs-sidenavbar a.category0:hover,
#eqs-sidenavbar a.category1:hover,
#eqs-sidenavbar a.category2:hover,
#eqs-sidenavbar a.category3:hover {
    background: #f8ebec;
    color: #702415;
    font-weight: normal;
}

#eqs-sidenavbar li ul li a {text-indent: 30px;}
#eqs-sidenavbar li ul li ul li a {text-indent: 40px;}