/*
	LEFT NAV
	The contextual menu that runs in the left side of the site
	The UL menu is rendered inside a DIV
*/
@media screen, projection {
html { height: 100%; }
.leftmenu  {
	list-style							: none;
/*  background							: url(img/menuBG.jpg) repeat-x bottom left; */
	min-height							: 140px;
	height								: auto !important; /* ie6 min-height fix */
	height								: 140px;
	
	padding								: 20px 0 40px 0;
	
	border								: #dbdbdb solid 1px;
	
	-webkit-border-radius				: 5px;
	-moz-border-radius					: 5px;
	border-radius						: 5px;
	
	background							: #FFFFFF; /* old browsers */
    
    -pie-poll							: true;
	
	behavior							: url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
}

.leftnav .glassbox {padding:0;}

/* THE LEFT MENU INTERNAL */
.newmenu {
	height							    : auto !important;
/*  height							    : 200px; */ /* This seemed to cause issue in IE6 */
	
	width		    					: 100%;
	padding			    				: 15px 0 15px 0 !important;
/*  overflow			    			: hidden; */ /* This was a fix but might no longer be needed */
    _overflow                           : hidden; /* IE6 FIX */
}

.newmenu li {
    list-style                          : none;
    position                            : relative; /* This causes a bug in IE where width becomes auto */
    line-height                         : 18px;
    padding-left                        : 15px;
}

/* c# version of menu writes out multiple levels which need to be styled out */
ul.newmenu.cmenu li ul.submenu,
ul.newmenu.cmenu li.selected ul.submenu li ul.submenu,
ul.newmenu.cmenu li.selected ul.submenu li.selected ul.submenu li ul.submenu,
ul.newmenu.cmenu li.selected ul.submenu li.selected ul.submenu li.selected ul.submenu li ul.submenu,
ul.newmenu.cmenu li.selected ul.submenu li.selected ul.submenu li.selected ul.submenu li.selected ul.submenu li ul.submenu
{
	display: none;
}

ul.newmenu.cmenu li.selected ul.submenu,
ul.newmenu.cmenu li.selected ul.submenu li.selected ul.submenu,
ul.newmenu.cmenu li.selected ul.submenu li.selected ul.submenu li.selected ul.submenu,
ul.newmenu.cmenu li.selected ul.submenu li.selected ul.submenu li.selected ul.submenu li.selected ul.submenu,
ul.newmenu.cmenu li.selected ul.submenu li.selected ul.submenu li.selected ul.submenu li.selected ul.submenu li.selected ul.submenu
{
	display: block;
}
	





.decoration /* This is the arrow/bullet decoration */
{
    position                            : absolute;
}


/* Expanded Sub Menu*/


.expandsubmenu li {padding-left:20px;}

.expandsubmenu li a .decoration
{
    left                                : 0px;
    top                                 : 8px;
    *top                                : 6px; /* IE 7 Fix */
    
    border-style                        : dashed;
    border-color                        : transparent;
    border-width                        : 1em;
    display                             : -moz-inline-box;
    display                             : inline-block;
    
    /* Use font-size to control the size of the arrow. */
    font-size                           : 8px;
    
    height                              : 0;
    line-height                         : 0;
    vertical-align                      : middle;
    overflow                            : hidden; /* IE 6 Fix */
    
    width                               : 0;
    border-left-width                   : 1em;
    border-left-style                   : solid;
    border-left-color                   : #11b5fd;
    
    background                          : #ccc;
    display                             : block;
    width                               : 5px;
    height                              : 5px;
    overflow                            : hidden;
    border                              : none; /* Remove border from Arrow Effect */
    
    left                                : 24px;
    
    top                                 : 12px;
    width                               : 5px;
    height                              : 5px;
    
}

li.expandsubmenu a
{
    background							: #ffffff; /* old browsers */
	
	
	padding-top                         : 5px;
	padding-bottom                      : 5px;
	
	-pie-poll							: true;
	
	border-top                          : #dbdbdb solid 1px;
	border-bottom                       : #dbdbdb solid 1px;
	
	/* behavior							: url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability < Big issues in IE - not using yet */ 
	
	color                               : #2b2b2b;

    *background                         : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/styles/img/iebg.jpg) left bottom repeat-x;
}

li.expandsubmenu a {border-top      : #dbdbdb solid 0px;padding-top:6px !important;} /* Switch top border on for first item and add */

li.expandsubmenu li a 
{
    background:none;
    border:none;
    -webkit-box-shadow					: none;
    -moz-box-shadow						: none;
    box-shadow							: none;
}

/**/

/* LV 1 */
.newmenu li a {
    display                             : block;
    padding                             : 6px 10px 6px 0;
    color                               : #707373;
    word-wrap                           : break-word; /* Needed for long words at lower levels */
}

.newmenu li a:hover,
.newmenu li.selected li a:hover,
.newmenu li.selected li.selected li a:hover,
.newmenu li.selected li.selected li.selected li a:hover
{
    color                               : #2b2b2b;
}


.newmenu li.selected li a:hover .decoration,
.newmenu li.selected li.selected li a:hover .decoration,
.newmenu li.selected li.selected li.selected li a:hover .decoration
{
    background                          : #2b2b2b;
}

.newmenu li.selected a .decoration
{
    left                                : 0px;
    top                                 : 8px;
    *top                                : 6px; /* IE 7 Fix */
    
    border-style                        : dashed;
    border-color                        : transparent;
    border-width                        : 1em;
    display                             : -moz-inline-box;
    display                             : inline-block;
    
    /* Use font-size to control the size of the arrow. */
    font-size                           : 8px;
    
    height                              : 0;
    line-height                         : 0;
    vertical-align                      : middle;
    overflow                            : hidden; /* IE 6 Fix */
    
    width                               : 0;
    border-left-width                   : 1em;
    border-left-style                   : solid;
    border-left-color                   : #11b5fd;
    
}

.newmenu li {font-size:1.1em;}
.newmenu li li {
    padding-left: 0;
    font-size:0.9em;

}

.newmenu li li li {font-size:1em;}

/* LV 2 */
.newmenu li.selected li a {
    display                             : block;
    padding                             : 6px 10px 6px 40px;
    color                               : #5f5f5f;
}

.newmenu li.selected li .decoration 
{
    background                          : #ccc;
    display                             : block;
    width                               : 5px;
    height                              : 5px;
    overflow                            : hidden;
    border                              : none; /* Remove border from Arrow Effect */
    
    left                                : 24px;
    
    top                                 : 12px;
    width                               : 5px;
    height                              : 5px;
}

.newmenu li.selected li.selected .decoration 
{
    background                          : #11b5fd;
}

/* LV 3 */
.newmenu li.selected li.selected li a {
    display                             : block;
    padding                             : 6px 10px 6px 60px;
    color                               : #5f5f5f;
}

.newmenu li.selected li.selected li .decoration /* Makes None Selected Bullets Grey */
{
    left                                : 42px;
    
    top                                 : 12px;
    background                          : #ccc;
}

.newmenu li.selected li.selected li.selected .decoration 
{
    background                          : #11b5fd;
}

/* LV 4 */
.newmenu li.selected li.selected li.selected li a {
    display                             : block;
    padding                             : 6px 10px 6px 80px;
    color                               : #5f5f5f;
}

.newmenu li.selected li.selected li.selected li .decoration /* Makes None Selected Bullets Grey */
{
    left                                : 62px;
    
    top                                 : 12px;
    background                          : #ccc;
}

.newmenu li.selected li.selected li.selected li.selected .decoration 
{
    background                          : #11b5fd;
}


/* LV 5 */
.newmenu li.selected li.selected li.selected li.selected li a {
    display                             : block;
    padding                             : 6px 10px 6px 100px;
    color                               : #5f5f5f;
}

.newmenu li.selected li.selected li.selected li.selected li .decoration /* Makes None Selected Bullets Grey */
{
    left                                : 82px;
    
    top                                 : 12px;
    background                          : #ccc;
}

.newmenu li.selected li.selected li.selected li.selected li.selected .decoration 
{
    background                          : #11b5fd;
}

/**/

.newmenu li.selected a, .newmenu li.selected li.selected a, .newmenu li.selected li.selected li.selected a, .newmenu li.selected li.selected li.selected li.selected a
{
    background							: #ffffff; /* old browsers */
	
	padding-top                         : 5px;
	padding-bottom                      : 5px;
	
	-pie-poll							: true;
	
	border-top                          : #dbdbdb solid 1px;
	border-bottom                       : #dbdbdb solid 1px;
	
	/*behavior							: url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability < Big issues in IE - not using yet */ 
	
	color                               : #2b2b2b;

    *background                         : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/styles/img/iebg.jpg) left bottom repeat-x;
}

.newmenu li.selected a {border-top      : #dbdbdb solid 0px;padding-top:6px !important;} /* Switch top border on for first item and add */

/*  .newmenu li.selected a,
    .newmenu li.selected li.selected a,
    .newmenu li.selected li.selected li.selected a 
    {
        *border-top: #dbdbdb solid 3px;
    } /* Switch top border on for first item */

.newmenu li.selected li.selected:first-child a, 
.newmenu li.selected li.selected li.selected:first-child a, 
.newmenu li.selected li.selected li.selected li.selected:first-child a,
.newmenu li.selected li.selected li.selected li.selected li.selected:first-child a
{
    border-top                          : #dbdbdb solid 0px;
    padding-top                         : 5px; /* Lost !important due to cascading issues */
}

.newmenu li.selected li a,
.newmenu li.selected li.selected li a,
.newmenu li.selected li.selected li.selected li a,
.newmenu li.selected li.selected li.selected li.selected li a /* First level Selection - turn off for others */
{
    background                          : none;
    border                              : none;
    
    -webkit-box-shadow					: none;
    -moz-box-shadow						: none;
    box-shadow							: none;
}

.newmenu ul 
{
    background                          : #f9f9f9;
    border-bottom                       : #dbdbdb solid 1px;
}


.newmenu ul ul 
{
    background                          : #fcfcfc;
    border-bottom                       : #ececec solid 1px;
}

.newmenu ul ul ul
{
    background                          : #fcfcfc;
    border-bottom                       : #ececec solid 1px;
}


/*  MENU FIX IE 6 & 7 
    This means we are not automatically scaleable in these browsers
    if menu widths are changed at parent level
*/
.newmenu li a 
{
    *width                              : 188px;
    _width                              : 188px;
}

.newmenu li li a 
{
    *width                              : 168px;
    _width                              : 168px;
}

.newmenu li li li a 
{
    *width                              : 148px;
    _width                              : 148px;
}

.newmenu li li li li a 
{
    *width                              : 128px;
    _width                              : 128px;
}

.newmenu li li li li li a 
{
    *width                              : 108px;
    _width                              : 108px;
}
}


/* c# version of menu may be used in other places which mean it inherits styles that need to be removed */
div#leftmenuc{
	padding: 0px;
}

div#leftmenuc ul.newmenu{
	margin: 0px;
	padding: 20px 0px 40px 0px;
}

div#leftmenuc ul.newmenu ul.submenu{
	margin: 0px;
}

div#leftmenuc ul.newmenu ul.noitems{
	display: none;
}

div#leftmenuc ul.newmenu ul.submenu li.selected a{
	border-bottom: none;
}