﻿
/********************************/
/*	DEFAULT NAVPRODUCT STYLE	*/
/********************************/
#navproducts 
{
    float:left;
    width:198px;
    margin-top:10px;
}


#navproducts h2 {
	margin:0;
	padding:6px 0 0 15px;
}
#navproducts h2 a {
	color:#0077c0;
}
#navproducts li {
	list-style:none;
	
}
#navproducts a {
	color:#d2d2d2;
}
#navproducts ul {
	margin:0;
	padding:0;
}

#navproducts .lvl_0 {
	border-bottom:1px solid #d8d8d8;
	margin-bottom:0;	
	
}
#navproducts .lvl_0 a {
	background:url(../images/leftnav-arrow-down-red.gif) 90% center  no-repeat;
	color:#959595;
	display:block;		
	font-weight:bold;
	height:17px;
	margin:0 0 0 0;
	padding:5px 15px;
	border-top:1px solid #d8d8d8;
}

#navproducts .lvl_0 .firstCategoryMenu a {
    /* border-top:none is removed from rev.kidscentral.xml.config instead, due to cascading style issue 
        if disable in css, it will remove all dashed border from child element of firstCategoryMenu
    */
}


#navproducts .menuHeading
{
    background:url(../images/bg-boxtop.gif) top no-repeat;
    cursor:default;
    color:#0077C0;
    display:block;		
	font-weight:bold;
	height:17px;
	margin:0 0 0 0;
	padding:5px 15px 18px 15px;
}

#navproducts .lvl_0 a.selectedMenu,#navproducts .lvl_0 a.selectedCategory
{
    background:url(../images/leftnav-arrow-down-blue.gif) 90% 8px  no-repeat;
	color:#959595;
	display:block;		
	font-weight:bold;
	height:17px;
	margin:0 0 0 0;
	padding:5px 15px 13px 15px;
	
	
}

#navproducts .lvl_0 .firstCategoryMenu a.selectedMenu
{
    background:url(../images/leftnav-arrow-down-blue.gif) 90% 8px  no-repeat;
	color:#959595;
	display:block;		
	font-weight:bold;
	height:17px;
	margin:0 0 0 0;
	
	border-top:none;
	
}

/***** HIDE NAVS BELOW THE TOP LEVEL *****/
#navproducts .lvl_0 li 
{
	border:0;
	overflow:hidden;
	height:27px;
}

#navproducts .lvl_0 li.selectedList
{
	display:block;
	height:100%;	
}
#navproducts li.keepopen 
{
	display:block;
	height:100%;
}


/***** TOP LEVEL UL *****/
#navproducts .lvl_0
{
	border:none;
	margin:0 1px;
}



#navproducts .lvl_1 {
	margin:0 0 0 0;		
}

#navproducts .lvl_1 a 
{
	background:none;
	border-top:1px dashed #d2d2d2;	
	color:#959595;
	display:block;
	margin:0 0 0 0;
	padding:5px 0 5px 25px;
	
}

#navproducts .lvl_1 a.selectedCategory, #navproducts .lvl_1 a.selectedMenu,
#navproducts .firstCategoryMenu .lvl_1 a.selectedMenu
{
	display:block;
	padding-bottom:5px;		
	background-image:none;
	padding:5px 15px 5px 25px;
	/* color, and color background override in rev.kidscentral.xml.config file */
	
}

#navproducts .lvl_2 a.selectedMenu,#navproducts .firstCategoryMenu .lvl_2 a.selectedMenu
{
    padding:5px 15px 5px 35px;
}
	

#navproducts .productfilter a {
	color:#777777;	
}
#navproducts .productfilter h2 {
	background:url(../images/bg-boxtop.gif) top no-repeat;
	height:36px;
	margin:15px 0 0 0;
	padding:0;
}


#navproducts .lvl_2 {

}
#navproducts .lvl_2 a {
	background:none;
	border:none;
	font-size:11px;
	padding-left:35px;
}

#navproducts .lvl_3 
{
    margin:0;
    padding:0;
    border-bottom:none;
}
#navproducts .lvl_3 a {	color:#959595;display:block;margin:0;padding:5px 0 5px 45px;}
#navproducts .lvl_3 a:hover {background:#0077c0;}
#navproducts .lvl_3 li {margin:0;padding:0;}

#navproducts .lvl_4 a {	margin:0;padding-left:55px;}

#navproducts a.selectedCategory {padding-bottom:20px;}

#navproducts a.selectedMenu {padding-bottom:20px;}
#navproducts a {font-size:13px;text-decoration:none;}
#navproducts a:hover{color:#0078bf;}
#navproducts .lvl_1 a:hover,#navproducts .firstCategoryMenu .lvl_1 a:hover{background:#959595;color:#ffffff;}
#navproducts a.selectedCategory:hover{color:#0078bf;}

/*  gift voucher */
/*#navli_520, #navli_520 a, #navli_520 .selectedList, #navli_520 .keepeopen, #navli_520 a.selectedMenu {display:none;}*/

/*#navli_562, #navli_562 a, #navli_562 .selectedList, #navli_562 .keepeopen, #navli_562 a.selectedMenu
{
    display:none;
}*/
