/* ## Main Navigation Theme ## */

/*hover state / xpath*/
.mainNav .sf-menu li:hover,
/*.mainNav .sf-menu li.sfHover,*/
.mainNav .sf-menu a:focus, 
.mainNav .sf-menu a:hover, 
.mainNav .sf-menu a:active { outline: 0; text-decoration:none; }

.mainNav { background-color:#760010; display:table; position:relative; width:100%; z-index:100;
-webkit-box-shadow: 0px 5px 10px -5px #555;
				box-shadow: 0px 5px 10px -5px #555;
}
.mainNav:before, .mainNav:after { content: ""; display: table; }
.mainNav:after { clear: both; }
.mainNav { zoom: 1; }

.menuLink.active,.toolsLink.active {
background: #51030d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxMDMwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjAwMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #51030d 0%, #760010 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51030d), color-stop(100%,#760010)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #51030d 0%,#760010 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #51030d 0%,#760010 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #51030d 0%,#760010 100%); /* IE10+ */
background: linear-gradient(to bottom,  #51030d 0%,#760010 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51030d', endColorstr='#760010',GradientType=0 ); /* IE6-8 */
}
.toolsLink { border-right:1px solid #5D020F; color:#FFF; cursor:pointer; display:table-cell; font-size: 2em; height:40px; position:relative; vertical-align:middle; width:100px; z-index: 2; }
.toolsLink .icon { background:url('/cms/images/layout/iconSpriteLittleFlower.png') 50% -101px no-repeat; display:block; height:32px; width:32px; margin:0 auto; text-indent:-999em; }
.menuLink { border-left:1px solid #8D081A; color:#FFF; cursor:pointer; display:table-cell; height:40px; position:relative; vertical-align:middle; z-index: 2; }
.menuLink .icon-list { display:table-cell; font-size:1.8em; padding:0 20px; vertical-align:middle; }
.menuLink .label { display:table-cell; font-size:.937em; text-transform:uppercase; vertical-align:middle; }
.menuLink:hover,
.menuLink:focus,
.active.menuLink { text-decoration: none; }
.active.menuLink { margin-bottom:0; }

.mainNav .sf-menu,
.mainNav .sf-menu ul { margin:0; padding:0; list-style:none; }

.mainNav .sf-menu { background-color:#760010; border: 0; display:none; right:0; top:-100%; margin-top:40px; position:absolute; width: 100%; z-index:1;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
 }
.mainNav .sf-menu a { background:none; border:0; }
.mainNav .sf-menu li { position:relative; }
.mainNav .sf-menu > li { border:1px solid transparent; border-top-color:#66121D; border-bottom-color:#3C030A; }
.mainNav .sf-menu > li .subMenu ul { background:#FFF; display:none; }
.mainNav .sf-menu > li .subMenu ul ul li { margin-left:1em; }
.mainNav .sf-menu > li .subMenu {  position:relative; }
.mainNav .sf-menu li.showSub > .subMenu > ul,
.mainNav .sf-menu li.showSub > ul { display:block !important; }

	
.mainNav .showMenu {	background-color:#50030D; display: block !important; top:0; visibility:visible !important; }

.mainNav .sf-menu > li  a { display:block; z-index:1;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
					transition: all 0.2s ease-out; }
	
.mainNav .sf-menu > li > a { color:#FFF; display:block; width:100%;	}

.mainNav .sf-menu > li > a .menuText { display:block; height:40px; line-height:40px; position:relative; text-align:center; text-transform:uppercase; z-index:1;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
					transition: all 0.2s ease-out; 
	}
	.mainNav .sf-menu > li ul a { color:#5D020F;
  -webkit-transition: all 0.3s ease-in-out; 
     -moz-transition: all 0.3s ease-in-out; 
       -o-transition: all 0.3s ease-in-out; 
          transition: all 0.3s ease-in-out; 
	}
	.mainNav .sf-menu > li > a.firstnavitema {  }
	.mainNav .sf-menu > li > a.lastnavitema { }
	.mainNav .sf-menu > li > a:hover,
	.mainNav .sf-menu > li.sfHover > a { background-color:#5D020F; color:#FFF; }
	/*.mainNav .sf-menu > li .menuText:before { content:"|"; color:#AAA; position:absolute; left:0; }*/
	.mainNav .sf-menu > li:first-child .menuText:before { content:none; }
	
	.mainNav .sf-menu > li ul a { padding: 5px 10px; }	

	.mainNav .sf-menu > li ul a:focus,
	.mainNav .sf-menu > li ul a:hover { background: #DDD; }
	
	.mainNav .sf-menu > li.lastnavitemli .subMenu > ul { left:auto; right:0; }
	.mainNav .sf-menu > li.lastnavitemli .subMenu > ul ul { left:auto; right:100%; }
	

	.mainNav .showSub > .expandMenu:after { content: "\2d";	} 
	.mainNav .showSub > .expandMenu:hover:after { 	} 

.sub-indicator {
    border-left: 1px solid #66121D;
    display: block;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 0;
    width: 43px;
    z-index: 999;
}
.sub-indicator:after { 
		content:" "; 
		display:inline-block; 
		border:5px solid transparent; border-top:5px solid #FFF; 
		margin-left:16px;
		margin-top:16px;
		vertical-align:middle;
		line-height:1;
}
.subMenu .sub-indicator { background: #760010; height: 31px; border: 1px solid #66121D; }
.subMenu .sub-indicator:after { margin-top: 8px; }

a:focus > .sub-indicator,
a:hover > .sub-indicator,
a:active > .sub-indicator,
li:hover > a > .sub-indicator,
li.sfHover > a > .sub-indicator {  }

/* point right for anchors in subs */
.sf-menu ul .sub-indicator {}
.sf-menu ul a > .sub-indicator {}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sub-indicator,
.sf-menu ul a:hover > .sub-indicator,
.sf-menu ul a:active > .sub-indicator,
.sf-menu ul li:hover > a > .sub-indicator,
.sf-menu ul li.sfHover > a > .sub-indicator { /* arrow hovers for modern browsers*/ }

@media screen and (min-width: 50.063em) {
	.menuLink, .toolsLink, .sub-indicator { display:none; }
	.mainNav { 
  -webkit-box-shadow: 0px 5px 10px -5px #555;
          box-shadow: 0px 5px 10px -5px #555;
	}
	.mainNav .sf-menu { background-color:#760010; border-style:solid; border-width:0 1px; border-right-color:#8D081A; border-left-color:#5D020F; display:table !important; width:100%; position:static; max-width:58.750em; margin:0 auto;	}
	
	.mainNav ul a.has-sub .menuText:after { 
		content:" "; 
		display:inline-block; 
		border:5px solid transparent; border-top:5px solid #FFF; 
		margin-left:10px;
		vertical-align:middle;
		line-height:1;
	}

	.mainNav .sf-menu > li ul a { padding:5px; }
	.mainNav .sf-menu > li ul a.has-sub { padding-right:7%; }
	.mainNav .sf-menu > li.lastnavitemli .subMenu a.has-sub { padding-left:7%; }

	.mainNav ul .active .menuText,
	.mainNav ul a.has-sub:hover .menuText:after,
	.mainNav ul a.has-sub:focus .menuText:after,
	.mainNav ul .clicked a.has-sub .menuText:after { border-top-color:#fff; }
	
	.mainNav .sf-menu > li { display: table-cell; vertical-align: middle; }
	.mainNav .sf-menu > li .subMenu { display:none; position: relative; z-index:1000; }
	.mainNav .sf-menu > li .subMenu ul ul li { margin-left:0; }
	.mainNav .sf-menu > li:hover > .subMenu,
	.mainNav .sf-menu li:hover > ul { display: block; }


	.mainNav .sf-menu > li > a { display:table; width:100%; padding:0; text-align: center; text-decoration:none; vertical-align:middle; }
	.mainNav .sf-menu > li > a .menuText { display:table-cell; letter-spacing:1px; line-height:1.4; text-align:center; vertical-align:middle; }
	.mainNav .sf-menu > li { border-style:solid; border-width:0 1px; border-left-color:#8D081A; border-right-color:#5D020F; display:table-cell; float:none; line-height:40px; text-align:center; vertical-align:middle; }
	.mainNav .sf-menu .lastnavitemli a .menuText { border-right:0; }
	.mainNav .sf-menu .lastnavitemli a .menuText { border-left:0; }

	.mainNav .sf-menu > li .subMenu > ul,
	.mainNav .sf-menu > li ul {
		display:block;
		position: absolute;
		z-index:900;
		top: 100%;
		line-height:1.416; 
		left:0;		
		width: 12em;
		min-width: 100%;
		text-align:left;
		-webkit-box-shadow: 0 2px 2px 0px #555;
				box-shadow: 0 2px 2px 0px #555;
	}
	.mainNav .sf-menu .subMenu > ul > li:first-child { 
		-webkit-box-shadow:inset 0 10px 10px -10px #555;
				box-shadow:inset 0 10px 10px -10px #555;
	}
	.mainNav .sf-menu > li ul ul { border-top: 0; top: 0; left: 100%; }
	
	.mainNav .sf-menu > li.lastnavitemli .subMenu > ul { left:auto; right:0; }
	.mainNav .sf-menu > li.lastnavitemli .subMenu > ul ul { left:auto; right:100%; }

	.mainNav .expandMenu { display:none; }
	
}