@charset "utf-8";
/* CSS Document */


/* ================================================================ 
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/vertical-concertina-6.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.
=================================================================== */

/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {
	padding:0;
	margin:0;
	list-style:none;
	width:170px;
	height:370px;
	border:0px solid #ccc;
	position:relative;
	overflow:hidden;
	font-family: verdana, sans-serif;
	font-size:11px;
}

#slide li.sub,
#slide li.top
{
	display:block;
	float:left;
	height:24px;
	line-height:23px;
	width:170px;
	color:#fff;
	text-decoration:none;
	border-bottom:0px solid #c0e361;
	text-indent:20px;
	overflow:hidden;
	cursor:pointer;
	background-color: #a6ce39;
	background-image: url(../images/men-bg.jpg);
	background-repeat: no-repeat;
}

#slide li.sub {background:#a6ce39 url(../images/nav-close.jpg) no-repeat 0px 0px;}

#slide li.top a {text-decoration:none; color:#555; display:block; background:url(arrows/out.gif) no-repeat 5px 8px;}
#slide li.top a:hover {
	color:#fff;
	background-color: #a6ce39;
	background-image: url(../images/nav-hov.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#slide li.clicked {color:#800; background:#ddd url(../images/nav-open.jpg) no-repeat 0px 0px;}

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div {
	background:#c0e361;
	height:170px;
	width:150px;
	line-height:1.2em;
	font-family: verdana, sans-serif;
	text-indent:0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#slide li div ul {padding:0; margin:0; list-style:none;}
#slide li div ul li {float:left; height:20px; width:100%;}
#slide li div ul li a {padding:0; margin:0;color:#666; text-decoration:none; background:#c0e361 url(arrows/out.gif) no-repeat 5px 6px; font-size:10px; display:block; border-bottom:1px solid #a6ce39; height:19px; line-height:19px; width:100%; text-indent: 10px;}
#slide li div ul li a:hover {color:#fff; background:#a6ce39 url(arrows/out-over.gif) no-repeat 0px 0px;}