/* NAV ------------------------------------------------------*/
body{behavior:url(http://karismaexpress.com/skin/frontend/default/default/css/cssHoverFix.htc);}
ul#nav { height: 30px; text-align: left;  list-style-type: none; margin:0 0 0 10px; padding:0; position:absolute; bottom:0;  z-index:999!important;}
/*#nav span { border: 1px solid #; }
#nav li ul span {border: 1px solid #FF6600; }*/

ul#nav ul { padding: 0; margin: 0; list-style: none; background:#FFF; line-height:20px; z-index:999!important; }
ul#nav li { float: left; display:block; padding:0; margin-right:4px; z-index:999!important; position:relative; }
ul#nav li a {
  cursor:pointer;
  float:left;
	padding:0 2px 0 0;
	margin: 0;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	background:url(../images/karisma/tabs-r.png) no-repeat top right;
	background-position: 100% 0;
	white-space: nowrap; /* @ IE 6 */
	outline: 0; /* @ Firefox, prevent dotted border after click */
	z-index:999!important;
}

ul#nav li a span {
  float:left;
	height:30px;
	line-height:30px;
	display: block;
	padding-left:10px;
padding-right:8px;
	background: url(../images/karisma/tabs-l.png) no-repeat top left; z-index:999!important;
}
ul#nav li a:hover {  background-position: right -30px; color:#3c2313; z-index:999!important;}
ul#nav li a span:hover { background-position: left -30px; color:#3c2313; z-index:999!important;}


ul#nav li ul { 
position: absolute; width: 185px; z-index:9999; display:none; left:0px; margin-top:30px; margin-left:0px;
}
ul#nav li li { height:25px!important; line-height:25px;  margin:0; padding:0; float:left; border-bottom:1px solid #e5d4aa;  z-index:999!important;}
ul#nav li li  a {
	background-image:none;
	width:183px;
	display:block;
	font-weight:normal;
	color:#333;
	font:normal 12px "Lucida Sans", Arial, Helvetica;
	font:normal 12px "Lucida Sans", Arial, Helvetica;
	text-decoration:none;
	background:#f2e1b9;
	 z-index:999!important;
}
ul#nav li li a span { height:25px!important; line-height:25px;  background:none;!important;  z-index:999!important;}

ul#nav li li  a:hover, ul#nav li li  a span:hover {  color:#333; background-color:#fff; z-index:999!important; }
ul#nav li:hover ul { display:block;}


/*-----------------*/


/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
/*#nav li { position:relative; text-align:left; border:1px solid #FF0000; height:30px; margin-right:4px; }
#nav li.over { z-index:999!important; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
/*#nav li { float:left; }
#nav li.active a { color:#d96708; }
#nav a { float:left; padding:5px 12px 6px 8px; color:#fff; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#d96708; }

/************ 1ST LEVEL ************/
/*#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
/*#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }*/

/************ 2ND LEVEL ************/
/* #nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #899ba5; }

Show menu 
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:#fff2db; }
#nav ul li a:hover { background:#fff; }
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

*********** 3RD+ LEVEL ************
#nav ul ul { top:5px; }*/