/* CSS Document */

#nav * {
	cursor:pointer;
}
/* LI WIDTHS (According to the number of characters in the name) */

ul#navigation li a { background-position:center 7px; background-repeat:no-repeat; text-indent:-9999px; font-size:1px; float:left; background-color:transparent;}

ul#navigation li li a, ul#navigation li li a:hover {background-image:none !important; text-indent:0; font-size:1.0em; float:none;}


#nav li#home_li a  { width: 51px; background-image:url(../images/global/navigation/home2.gif);}
#nav li#about_us_li a { width: 71px; background-image:url(../images/global/navigation/about_us2.gif);}
#nav li#products_li a { width: 71px; background-image:url(../images/global/navigation/products2.gif);}
#nav li#new_releases_li a { width: 97px; background-image:url(../images/global/navigation/new_releases2.gif);}
#nav li#where_to_buy_li a { width: 97px; background-image:url(../images/global/navigation/where_to_buy2.gif);}
#nav li#customer_service_li a { width: 122px; background-image:url(../images/global/navigation/customer_service2.gif);}
#nav li#suggestion_box_li a { width: 110px; background-image:url(../images/global/navigation/suggestion_box2.gif);}
#nav li#contact_us_li a { width: 104px; background-image:url(../images/global/navigation/contact_us2.gif); }

/*#nav li#home_li a  { width: 51px; background-image:url(../images/global/navigation/home3.gif);  background-color:#cc0000;} */
	#nav li#home_li a:hover, #nav li#about_us_li.active a { background:url(../images/global/navigation/home3.gif) 0px 5px no-repeat #cc0000;}
/*#nav li#about_us_li a { width: 71px; background-image:url(../images/global/navigation/about_us3.gif); background-position:-1px 7px; background-color:#333399;}*/
	#nav li#about_us_li a:hover, #nav li#about_us_li.active a, #nav li#about_us_li.active a:hover {
			 background:url(../images/global/navigation/about_us3.gif) 0px 5px no-repeat #333399!important;
	}
	#nav li#customer_service_li a:hover, #nav li#customer_service_li.active a
								{  background:url(../images/global/navigation/customer_service3.gif) -1px 5px no-repeat #333399;}
/*#nav li#products_li a { width: 71px; background-image:url(../images/global/navigation/products3.gif); background-color:#339900;}*/
	#nav li#products_li a:hover, #nav li#products_li.active a { background:url(../images/global/navigation/products3.gif) 1px 5px no-repeat #339900;}
	#nav li#contact_us_li a:hover, #nav li#contact_us_li.active a {background:url(../images/global/navigation/contact_us3.gif) -1px 5px no-repeat #339900; }
/*#nav li#new_releases_li a { width: 97px; background-image:url(../images/global/navigation/new_releases3.gif); background-position:-1px 7px; background-color:#9966cc;}*/
	#nav li#new_releases_li a:hover, #nav li#new_releases_li.active a {background:url(../images/global/navigation/new_releases3.gif) -1px 6px no-repeat #9966cc;}
/*#nav li#where_to_buy_li a { width: 97px; background-image:url(../images/global/navigation/where_to_buy3.gif); background-position:-1px 7px; background-color:#ff9900;}*/
	#nav li#where_to_buy_li a:hover, #nav li#where_to_buy_li.active a {background:url(../images/global/navigation/where_to_buy3.gif) 0px 5px no-repeat #ff9900;}
/*#nav li#customer_service_li a { width: 122px; background-image:url(../images/global/navigation/customer_service3.gif); background-position:-1px 7px; background-color:#333399;}*/
/*#nav li#suggestion_box_li a { width: 110px; background-image:url(../images/global/navigation/suggestion_box3.gif); background-position:-1px 7px; background-color:#ffcc00;}*/
	#nav li#suggestion_box_li a:hover, #nav li#suggestion_box_li.active a {background:url(../images/global/navigation/suggestion_box3.gif) -1px 5px no-repeat #ffcc00;}
/*#nav li#contact_us_li a { width: 104px; background-image:url(../images/global/navigation/contact_us3.gif); background-color:#339900;}*/


#nav ul#navigation li.active a { padding:0px 0 0px 0; background-position:-1px 11px margin-top:-12px;}





/* NAVIGATION */

ul#navigation  {
	margin: 0;
	padding: 0;
	list-style: none; /* Width of Menu Items */
	background-color:#278FCE;
	color:white;
	height:30px;
	}
ul#navigation #products_li {
}
ul#navigation li {
	position: relative; 
	float:left;
	padding:0;
	background-color:#5DB1E1; 
	margin-bottom:0px; 
	list-style:none;
	z-index:0;
	height:30px;
	overflow:visible;
}

ul#navigation li li {
	height:auto;
}




/* Licenser-level menu */





ul#navigation li ul, ul#navigation li li.listing ul {
	position: absolute;
	left:0;
	top:100%;
	display: none;
	width:150px;
	background-color:transparent;
	margin:0;
	padding:0;
	border-bottom:none;
	text-align:left;
	
	/* This allows the arrow to fit above */
	padding-top:15px;
	background:url(../images/global/list-arrow-up.png) no-repeat 2em top;
	background-color:transparent;
	}

ul#navigation li li.listing ul { margin:0; padding:0; background-image:none; position:relative;} 


ul#navigation li ul, ul#navigation li li.listing ul {
	padding-top:18px;
}
* > html > ul#navigation > li > ul {
	padding-top:15px;
}

* > html > ul#navigation > li.listing > li > ul {
	padding-top:15px;
}
* > html > ul#navigation > li.listing > ul {
	padding-top:15px;
}


ul#navigation li li, ul#navigation li li.listing li {
	clear:both;
	width:150px;
	padding:0;
	text-align:left;
}



/* Product-level menu */

ul#navigation li ul ul {
	left:150px;
	top:0;
	width:200px;
	padding-top:15px;
	margin-top:-15px;
	background-color:transparent;
}

ul#navigation li li.listing ul {
	left:0;
	top:0;
	width:150px;
	padding-top:15px;
	margin-top:-15px;
	background-color:transparent;
}

ul#navigation li li.listing ul ul {
	left:150px;
	top:0;
	width:200px;
	padding-top:15px;
	margin-top:-15px;
	background-color:transparent;
}


ul#navigation li ul ul li {
	width:200px;
}
ul#navigation li li.listing ul li {
	width:150px;
}
ul#navigation li li.listing ul ul li {
	width:200px;
}


ul#navigation li li li.first img {
	position:absolute;
	left:-22px;
	top:0;
	margin-right:-2px;
	z-index:-1;
	border-left:1px solid white;
}

ul#navigation li li.listing li.first img {
	left:0;
	margin:0;
	border:none;
	position:relative;
}


ul#navigation li ul ul li, ul#navigation li li.listing  ul li {
	margin-left:18px;
}
ul#navigation li li.listing ul li { margin:0; }
ul#navigation li li.listing  ul ul li {
	margin-left:18px;
	padding-left:0;
}

																									

ul#navigation li ul ul {
	background:url(../images/global/list-arrow-left.png) no-repeat 0px 15px;
	padding-left:0px;
	margin-left:0px;
	border-left:0px solid transparent;
}
ul#navigation li li.listing ul {
	background-image:none;
}
ul#navigation li li.listing ul ul {
	background:url(../images/global/list-arrow-left.png) no-repeat 0px 15px;
	padding-left:0px;
	margin-left:0px;
	border-left:0px solid transparent;
	position:absolute;
}
ul#navigation li li.listing ul ul li {
	margin-left:18px;
}




/* Styles for Menu Items */
ul#navigation li a, ul#navigation li li.listing a {
	color: #fff;	
	padding-top:1em;
	padding-bottom:.7em;
	padding:0px;
	display:block;
	text-decoration:none;
	text-align:center;
	margin:0;
	height:30px;
}

ul#navigation li li a, ul#navigation li li.listing li a {
	display: block;
	text-decoration: none;
	color: #fff;	
	padding:.7em .2em .3em .2em;
	margin:0!important;
	border: 1px solid #fff!important;
	border-bottom:none!important;
	border-left:none!important;
	border-right:none!important;
	text-align:left;
	height:auto;
}


ul#navigation li ul ul li.first a {
	border-left:none!important;
}
ul#navigation li.first a, ul#navigation li li.listing li.first a, ul#navigation li li.first a {
	border-top:none!important;
}
ul#navigation li.first li.first a {
	border-top:none!important;
}
ul#navigation li.first li a {
	border-top:1px solid white!important;
}
html body ul#navigation li#products_li li.first a {
	border-top:none!important;
}
html body ul#navigation li#products_li li.first li a {
	border-top:1px solid white!important;
}
html body ul#navigation li#products_li li.first li.first a {
	border-top:none!important;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul#navigation li:hover,
ul#navigation li.sfhover, 
ul#navigation ul li:hover, 
ul#navigation ul li.sfhover, 
ul#navigation li a:hover, 
html #nav ul#navigation li.active  {  background-color: #278FCE; background-image:inherit; background-position:center 7px; background-repeat:no-repeat; } /* Hover Styles */

		
ul#navigation li.active a, ul#navigation li.active a:hover, html #nav ul#navigation li.active {background-color:#278FCE; background-image:inherit; }

ul#navigation li li.active, ul#navigation li li.active a, ul#navigation li li.active:hover, ul#navigation li li.active a:hover { background-color:#5DB1E1;}


ul#navigation li li a, 
ul#navigation li li a.active, { padding: 5px!important; padding-top:.65em!important; } /* Sub Menu Styles */

ul#navigation li li.listing a,
ul#navigation li li.listing a.active {padding:0!important;}


		
ul#navigation li:hover ul, 
ul#navigation li.sfhover ul 
{ display: block!important; } /* The magic */



ul#navigation li:hover li.listing ul, ul#navigation li.sfhover li.listing ul { display:block!important;}

ul#navigation li:hover ul ul, 
ul#navigation li.sfhover ul ul,
ul#navigation li:hover li.listing ul ul, 
ul#navigation li.sfhover li.listing ul ul { display:none!important; }


ul#navigation li:hover li.listing li:hover ul, ul#navigation li.sfhover li.listing li.sfhover ul { display:block!important;}


ul#navigation li:hover li:hover ul, 
ul#navigation li.sfhover li.sfhover ul
 {display:block!important;}

.active a, a.active { color:#000000 !important; text-decoration:none;}


html #nav ul#navigation li li a, html #nav ul#navigation li a.active  { width:140px; padding:5px!important;}

html #nav ul#navigation li li.listing a { width:140px;}


html #nav ul#navigation li li li a { width:190px;}

html #nav ul#navigation li li.listing li a { width:140px;}
html #nav ul#navigation li li.listing li li a { width:190px;}



ul#navigation li.last a  {
background-position:0px 7px;
	padding-right:7px!important;
}
ul#navigation li.last a:hover {
background-position:0px 7px;
	padding-right:7px;
}

html #nav ul#navigation li:hover, html #nav ul#navigation li { background-image:none;} 

html #nav ul#navigation li.listing { border:none; padding:2px 0px 2px 0px; text-align:right!important; color:#333; background-color:#9DCFEC;}
html #nav ul#navigation li.listing:hover { background-color:#9DCFEC;}
ul#navigation li#products_li li { margin-bottom:0!important; padding-bottom:0!important;} /* get rid of a pesky tailing padding on the bottom of the products list */



/* END NAVIGATION */