/*****
 *****	NOTE: no changes should be made to the main code which is taken from the
 *****	ma_perfushop theme.
 *****	
 *****	All changes should be done by over-writing rules at the end.
 *****/

/********** < Navigation */
.ma-nav-container { }
#nav { margin:0 auto; font-size:12px; padding:0; position: relative; z-index: 1000; }

/* All Levels */ /* Style consistent throughout all nav levels */
#nav li { text-align:left; }
#nav li.last {  }
#nav li.over { z-index:998; }
#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; }
#nav ul li.parent a {}
#nav ul li.parent li a { }

/* 0 Level */
#nav li { float:left; border-right: 1px solid #DDDDDD; position:relative; }
#nav li.last{ background:none;  }
#nav li.home { padding-left: 0; }

#nav a { float:left; padding: 12px 20px; color:#434343; font-weight: normal; font-size:18px; font-family:"HelveticaLT"; text-transform:uppercase; }
#nav a span{ }

#nav li.active a,
#nav li.over a,
#nav a:hover {  }
#nav li.over a,
#nav a:hover { }

#nav li.active a span,
#nav li.over a span,
#nav a:hover span{ }

/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0; padding: 0; background: none; border: 0; border-bottom: 1px dotted #ddd; }
#nav ul li.last { border: 0;}

#nav ul a,
#nav ul a:hover { float:none;  }
#nav ul li a { font-weight:normal !important; }

/* 2nd Level */
#nav ul,
#nav div { position:absolute; width:210px; padding: 4px 0; top: 47px; left:-10000px; background: #fff; }
#nav div ul { position:static; width:auto; border:none; }

/* 3rd+ Level */
#nav ul ul,
#nav ul div { top: 0; }
#nav ul ul,
#nav ul div {  }

#nav ul li a { background: url("../images/bg-li.png") no-repeat scroll 0 50% transparent !important; font-weight: normal; padding: 0 0 0  10px; font-size: 16px; line-height: 20px; text-transform:capitalize; position: relative; z-index: 1000;  border: 0; margin: 0 0 0 15px; }
#nav ul li a span{ padding: 3px 0; }
#nav ul li a:hover { background: url("../images/bg-li-hover.png") no-repeat scroll 0 50% transparent !important;  line-height: 20px !important; }
#nav ul span,
#nav ul li.last li span { }

/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left:0; z-index:999; }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:210px; }
/********** Navigation > */
/* ======================================================================================= */



/**********
 Style Over-rides for Finnberry Design
 **********/

#nav a {
    font-size: 15px;
    text-transform:lowercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
}

#nav ul li a:hover { background: none  !important;}
#nav ul {
	background: #db2e39;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}
#nav li ul {list-style-type: none;	color: #FFF;}
#nav ul li a {
	border: 0 none;
	margin: 0 0 0 15px;
	padding: 0;
	background-image: none  !important;
	text-transform:lowercase;
}
#nav li  ul li a span{
	color: #FFF;
	list-style-type: none;	
	font-weight: 600;
	font-size: 14px;
}
#nav li ul li a span:hover{
	color: #333;
}