/*************************************************************************************
 CSS DROPDOWN SETTINGS
-----------------------

MAIN SETTINGS (NO NEED TO EDIT IN MOST CASES) 
**************************************************************************************/
#cssdd {
	width:225px;
	}

#cssdd ul, #cssdd ul ul { /* all lists */
	margin: 0;padding: 0;
	list-style: none;
	line-height: 1px;
	clear:both;
	}

#cssdd a {
	display: block;
	width: 100px;
}

#cssdd ul li { /* all list items */
	position: relative;
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
	margin:0; padding:0;
}

#cssdd ul li ul { /* second-level lists */
	position: absolute;
	width: 100%;
	left: -999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0 0 0 100%;
}

#cssdd ul li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 100%;
}

/*HIDING AND SHOWING NAVIGATION LISTS - */
/*hide*/
#cssdd ul li:hover ul ul, #cssdd ul li:hover ul ul ul, #cssdd ul li:hover ul ul ul ul, #cssdd ul li:hover ul ul ul ul ul,
#cssdd ul li.sfhover ul ul, #cssdd ul li.sfhover ul ul ul, #cssdd ul li.sfhover ul ul ul ul, #cssdd ul li.sfhover ul ul ul ul ul {
	left: -999em;
	}
	
/*show*/
#cssdd ul li:hover ul, #cssdd ul li li:hover ul, #cssdd ul li li li:hover ul, #cssdd ul li li li li:hover ul,
#cssdd ul li.sfhover ul, #cssdd ul li li.sfhover ul, #cssdd ul li li li.sfhover ul, #cssdd ul li li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

/*************************************************************************************
DESIGN SETTINGS (EDIT THIS PART) 
**************************************************************************************/
/*  TEXTS - level 1 -	*/
#cssdd ul li h2 {
	margin:0;
	padding:0px;
	border: none;
	border-bottom: 1px solid #E6E6E6;
}
#cssdd ul li a  {
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	voice-family: inherit;
	color:#545454;
	text-align:left;
	text-decoration:none;
	text-indent:10px;
	line-height: 30px;
	display: block;
	padding: 0;
	background-image: url(../images/nav/prodnav-arrow-out.gif);
	background-position: 210px 13px;
	background-repeat: no-repeat;
	}

#cssdd ul li a:hover {
	color:#333333;     /* font color */
	text-decoration:none;     /* decoration (underline, none, ...) */
	background-image: url(../images/nav/prodnav-arrow-over.gif);
	}
/*  TEXTS - level 2 and deeper-	*/
#cssdd ul li ul {
	border: 1px solid #100067;
	width: 180px;
	margin-top: -1px;
}


#cssdd ul li ul li a {
	font-family:Tahoma;
	font-size:11px;
	color:#100067;
	text-align:left;
	text-decoration:none;
	text-indent:10px;
	line-height:31px;
	background-image: none;
	background-color: #FFF;
	}
#cssdd ul li ul li a:hover {/* mouse is OVER */ 
	color:#ffffff;     /* font color */
	text-decoration:none;     /* decoration (underline, none, ...) */
	background-image: none;
	background-color: #000;
	}
/* If you need to change settings to levels 3 and/or deeper, simply copy and paste the 2 previous sets for level2 and put them in here.
For each level ad extra "ul li" into the ID selector. Example: "#cssdd ul li ul li ul li a" is for level3  */

/*  BACKGROUNDS AND BORDERS - level 1 -	*/	
#cssdd ul li { /* mouse is NOT OVER */ 
	padding: 0;
	border:0px #ffffff;     /* border (size style color) */
	/* or use different border for each side if needed
	border-top:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #888888;
	border-left:1px solid #888888;
	*/
	}
#cssdd ul li a:hover { /* mouse is OVER */ 
	color: #D90000;
	border:0px #ffffff;
	}
	
/*  BACKGROUNDS AND BORDERS - level 2 and deeper -	*/	
#cssdd ul li ul li { /* mouse is NOT OVER */   
	background-color:#ffffff;
	/*border:1px solid #aaaaaa;     /* border (size style color) */
	/* or use different border for each side if needed*/
	/*border-top:0px solid #aaaaaa;
	border-right:0px solid #aaaaaa;
	border-bottom:1px #E6E6E6;
	border-left:0px #E6E6E6;
	
	margin-top:-1px;    /* overflowing 2 borders to make just one  (can try 'margin-top:0;' to see the difference) */
	} 
#cssdd ul li ul li a:hover { /* mouse is OVER */ 
	background-color:#100067;
	} 

/* POSITION ADJUSTMENT level 2 and deeper  - */
/* sometimes level2 navigation and deeper is not aligned verticaly with its parent level. Use this for an adjustment. */ 
/* negative values should work as well if needed */
#cssdd ul li ul { /* second-level lists */
	position: absolute;
	top: 0px;	  /* horizontal position adjustment */
}
/* POSITION ADJUSTMENT level 3 and deeper  - */
#cssdd ul ul ul {
	position: absolute;
	top: 16px;	  /* horizontal position adjustment */
	left:0px;     /* vertical position adjustment */
	}
	
/*	SPECIFIC LENGTH OF EACH MENU GROUP - level 1 - 
#cssdd #cssdd-group-1 li, #cssdd #cssdd-group-1 li a, #cssdd #cssdd-group-1 li ul li { width:225px;}
#cssdd #cssdd-group-2 li, #cssdd #cssdd-group-2 li a, #cssdd #cssdd-group-2 li ul li  { width:225px; }
#cssdd #cssdd-group-3 li, #cssdd #cssdd-group-3 li a, #cssdd #cssdd-group-3 li ul li { width:225px; }
#cssdd #cssdd-group-4 li, #cssdd #cssdd-group-4 li a, #cssdd #cssdd-group-4 li ul li { width:225px; }
#cssdd #cssdd-group-5 li, #cssdd #cssdd-group-5 li a, #cssdd #cssdd-group-5 li ul li { width:225px; }
#cssdd #cssdd-group-6 li, #cssdd #cssdd-group-6 li a, #cssdd #cssdd-group-6 li ul li { width:225px; }
#cssdd #cssdd-group-7 li, #cssdd #cssdd-group-7 li a, #cssdd #cssdd-group-7 li ul li { width:225px; }
#cssdd #cssdd-group-8 li, #cssdd #cssdd-group-8 li a, #cssdd #cssdd-group-8 li ul li { width:225px; }
#cssdd #cssdd-group-9 li, #cssdd #cssdd-group-9 li a, #cssdd #cssdd-group-9 li ul li { width:225px; }
#cssdd #cssdd-group-10 li, #cssdd #cssdd-group-10 li a, #cssdd #cssdd-group-10 li ul li { width:225px; }


#cssdd #cssdd-group-11 li, #cssdd #cssdd-group-11 li a, #cssdd #cssdd-group-11 li ul li { width:225px; }
#cssdd #cssdd-group-12 li, #cssdd #cssdd-group-12 li a, #cssdd #cssdd-group-12 li ul li { width:225px; }
#cssdd #cssdd-group-13 li, #cssdd #cssdd-group-13 li a, #cssdd #cssdd-group-13 li ul li { width:225px; }
#cssdd #cssdd-group-14 li, #cssdd #cssdd-group-14 li a, #cssdd #cssdd-group-14 li ul li { width:225px; }
#cssdd #cssdd-group-15 li, #cssdd #cssdd-group-15 li a, #cssdd #cssdd-group-15 li ul li { width:225px; }
#cssdd #cssdd-group-16 li, #cssdd #cssdd-group-16 li a, #cssdd #cssdd-group-16 li ul li { width:225px; }
#cssdd #cssdd-group-17 li, #cssdd #cssdd-group-17 li a, #cssdd #cssdd-group-17 li ul li { width:225px; }
#cssdd #cssdd-group-18 li, #cssdd #cssdd-group-18 li a, #cssdd #cssdd-group-18 li ul li { width:225px; }
#cssdd #cssdd-group-19 li, #cssdd #cssdd-group-19 li a, #cssdd #cssdd-group-19 li ul li { width:225px; }
#cssdd #cssdd-group-20 li, #cssdd #cssdd-group-20 li a, #cssdd #cssdd-group-20 li ul li { width:225px; }*/

#cssdd ul li, #cssdd ul li a, #cssdd ul li { width:225px; }


/* SPECIFIC LENGTH OF EACH MENU GROUP - level 2 and deeper - 
#cssdd #cssdd-group-1 li ul li, #cssdd #cssdd-group-1 li ul li a { width:180px;}
#cssdd #cssdd-group-2 li ul li, #cssdd #cssdd-group-2 li ul li a { width:180px;}
#cssdd #cssdd-group-3 li ul li, #cssdd #cssdd-group-3 li ul li a { width:180px;}
#cssdd #cssdd-group-4 li ul li, #cssdd #cssdd-group-4 li ul li a { width:180px;}
#cssdd #cssdd-group-5 li ul li, #cssdd #cssdd-group-5 li ul li a { width:180px;}
#cssdd #cssdd-group-6 li ul li, #cssdd #cssdd-group-6 li ul li a { width:180px;}
#cssdd #cssdd-group-7 li ul li, #cssdd #cssdd-group-7 li ul li a { width:180px;}
#cssdd #cssdd-group-8 li ul li, #cssdd #cssdd-group-8 li ul li a { width:180px;}
#cssdd #cssdd-group-9 li ul li, #cssdd #cssdd-group-9 li ul li a { width:180px;}
#cssdd #cssdd-group-10 li ul li, #cssdd #cssdd-group-10 li ul li a { width:180px;}
#cssdd #cssdd-group-11 li ul li, #cssdd #cssdd-group-11 li ul li a { width:180px;}
#cssdd #cssdd-group-12 li ul li, #cssdd #cssdd-group-12 li ul li a { width:180px;}*/

#cssdd ul li ul li, #cssdd ul li ul li a { width:180px;}


/* CLEANING FLOW (breaks the flow - first object after this navigation in HTML will be positioned on the next line after navigation on screen) - */
div.nav-cleaner { clear: left; margin-top:-20px; }