/*
	CSS for a menu widget :)
*/
ul.navigation-1 
{ 
	margin:0;
	margin-right: 10px;
	padding:0; 
	list-style:none; 
	width:100%;
	height:27px;
	float: left;
	
	width:auto;
	z-index:3;
	/*position:relative;	/* very essential becoz the ie 6.0 z-index bug */ 
	border:1px solid #8E1E00;
	/*border-bottom: 0 none;*/
	
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	background:#D52D00;
	
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E52D00', endColorstr='#AA2500');
	background: -webkit-gradient(linear, left top, left bottom, from(#E52D00), to(#AA2500));
	background: -moz-linear-gradient(top , #E52D00, #AA2500);*/
}

ul.navigation-1 li 
{
	margin:0; 
	float:left; 
	position:relative;	/*for sub menus to snap*/
	line-height:15px;
	display:inline;
	border-right:1px solid #900;
	/*border-bottom: 1px solid #A00;*/
}

ul.navigation-1 li:last-child 
{
	border-right: 0 none;
	-moz-border-radius: 0 5px 6px 0;
	-webkit-border-radius:0 5px 6px 0;
	border-radius:0 5px 6px 0;
}

ul.navigation-1 li:first-child 
{
	-moz-border-radius: 5px 0 0 6px;
	-webkit-border-radius:5px 0 0 6px;
	border-radius:5px 0 0 6px;
}

ul.navigation-1 li a:link, ul.navigation-1 li a:visited 
{
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#ffffff; 
	height:100%;
	line-height: 27px;
	padding: 0 13px;
}
	
	
ul.navigation-1 li:hover>a 
{
	background:#700;
}

ul.navigation-1 li a:hover, ul.navigation-1 li a:active 
{
	background: #700;
}

/*ul#navigation-1 li:hover a {
	background:#ec454e;
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	}*/


/* First level menu styles*/	
ul.navigation-1 li ul.navigation-2, .navigation-box 
{
	margin:0; 
	list-style:none; 
	display:none; 
	background:#D52D00;
	/*width:237px; /* auto can cause err in ie 7.0 */
	position:absolute; 
	z-index:10;
	top:27px; 
	
	left:-1px; 
	
	border:1px solid #AA0000;
	border-top:none;
	
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}

ul.navigation-1 li:hover ul.navigation-2 , ul.navigation-1 li:hover div.navigation-box
{ 
	display: block; 
}

ul.navigation-1 li ul.navigation-2 li 
{
	margin:0;
	padding:0;
	width:100%;
	background:#D52D00; 
	border:none; /*it inherits otherwise*/
}

ul.navigation-1 li ul.navigation-2 li a:link, ul.navigation-1 li ul.navigation-2 li a:visited , ul.navigation-1 li ul.navigation-2 li a 
{
	padding:0 6px;
	width:auto;
	min-width:115px;
	white-space:nowrap;
	height:100%;	/*strange behaviour in ie 6.0 if u give auto*/
	border:0 none;	/*otherwise inherits*/ 
	border-bottom:1px solid #a00;
	position:relative;
	text-align:left;
	display:block;
	line-height: 27px;
}
/*
ul.navigation-1 li ul.navigation-2 li:hover>a	/*wont work in ie 6.0 so we implement this via js as well
{	
	background:#900;
}
*/

ul.navigation-1 li ul.navigation-2 li a span 
{
	/*position:absolute; 
	top:0; 
	left:200px; 
	font-size:12pt;*/ 
	float:right;
}

ul.navigation-1 li ul.navigation-2 li:hover a span, ul.navigation-1 li ul.navigation-2 li a:hover span 
{
	/*position:absolute; 
	top:0; 
	left:200px; 
	font-size:12pt; */
	color:#ffffff;
}

ul.navigation-1 li ul.navigation-2 li a:active, ul.navigation-1 li ul.navigation-2 li a:hover , ul.navigation-1 li ul.navigation-2 li:hover>a 
{
	background:#8F1A00;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E52D00', endColorstr='#AA2500');
	background: -webkit-gradient(linear, left top, left bottom, from(#AE2000), to(#8F1A00));
	background: -moz-linear-gradient(top , #AE2000 , #8F1A00 );
}

/* Second level Menus */
ul.navigation-1 li ul.navigation-2 li ul.navigation-3 
{
	display:none;
	margin:0; 
	padding:0; 
	list-style:none; 
	position:absolute; 
	
	left:100%; 
	top:0px;
	
	width:auto; 
	border:1px solid #FF1A1A;
	border:1px solid #AA0000;
	z-index:100;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

ul.navigation-1 li:hover ul.navigation-2 li:hover ul.navigation-3 
{ 
	display: block; 
}

ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li 
{
	width:auto;
	border-bottom:border:1px solid #FF1A1A;
}


ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited 
{ 
	background:#D52D00;
	height:100%;
	text-align:left;
	width:180px;		/*essential for ie 6.0*/
	/*border property is being inherited*/
}

ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active 
{ 
	/*background:#bc0000;*/
	/*background:#700;*/
	
	background:#8F1A00;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E52D00', endColorstr='#AA2500');
	background: -webkit-gradient(linear, left top, left bottom, from(#AE2000), to(#8F1A00));
	background: -moz-linear-gradient(top , #AE2000 , #8F1A00 );
}

ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li:last-child, ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li:last-child a
{
	-webkit-border-radius:0 0 5px 0;
	-moz-border-radius:0 0 5px 0;
	border-radius:0 0 5px 0;
}

ul.navigation-1 li ul.navigation-2 li:last-child a
{
	border-bottom: 0 none;
}

ul.navigation-1 li ul.navigation-2 li:last-child li a 
{
	border-bottom:1px solid #AA0000;
}

/* First level menu styles*/	
ul.navigation-1 li .navigation-box 
{ 
	margin:0; 
	padding:5px; 
	display:none; 
	/*width:237px; /* auto can cause err in ie 7.0 */
	position:absolute; 
	z-index:10;
	
	width:360px;
}

ul.navigation-1 li .navigation-box li 
{ 
	margin:0;
	padding:0 1px;
	width:32%;
	border:none; /*it inherits otherwise*/
	display:inline;
	float:left;
}


ul.navigation-1 li .navigation-box li a:link, ul.navigation-1 li .navigation-box li a:visited , ul.navigation-1 li .navigation-box li a 
{ 
	padding:2px 5px;
	/*width:100px; */
	/*height:100%;	/*strange behaviour in ie 6.0 if u give auto*/
	/*border:none;	/*otherwise inherits*/ 
	/*border-bottom:1px solid #FF1A1A;*/
	position:relative;
	text-align:left;
	display:block;
	color:#fff;
	text-shadow:none;
}

ul.navigation-1 li .navigation-box li a:hover
{
	/*
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e0e0e0');
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e0e0e0));
	background: -moz-linear-gradient(top,  #f1f1f1,  #e0e0e0);
	*/
}

ul.navigation-1 li ul.navigation-2 li a.menu_addbutton { font-weight: bold; color: #fff; background: #063; display: inline; position: absolute; right: 6px; top: 6px; width: 6px; min-width: 6px; line-height: 6px; height: 6px; padding: 4px; z-index: 5; 
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
ul.navigation-1 li ul.navigation-2 li:hover a.menu_addbutton {background: #060;}

ul.navigation-1 li .navigation-box h1
{
	color:#fff;
	font-weight: bold;
	/*text-decoration:underline;*/
	border-bottom:1px solid #AA0000;
	display:block;
	clear:both;
	padding:5px;
}
/*
ul.navigation-1 li ul.navigation-2:last-child a, 
ul.navigation-1 li ul.navigation-2 li ul.navigation-3:last-child a {border-bottom: 0 none; border-width: 0; border-style: none; border-color: none;}
*/

/*#bookmarknav li a {font-size: 36px; font-weight: bold; line-height: 40px; height: 27px;}*/
#bookmarknav li ul li a {font-size: 12px; font-weight: normal; line-height: 27px; height: 100%;}
#bookmarknav .navigation-box {width: 500px;}
#bookmarknav .navigation-box li {width: auto;}
#bookmarknav .navigation-box li a {padding: 0 10px;}