/*================================================================
                 SUPERFISH MENU ESSENTIAL STYLES 
================================================================*/

/* Make sure to use specificity below rather than changing these styles*/

.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}	
.sf-menu ul { position:absolute; top:-999em; width:14em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li {width:100%;}	
.sf-menu li {float:left; position:relative;}
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }		

.sf-menu a { display:block; position:relative; cursor: pointer;}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top:33px; /* match top ul list item height */ z-index:99; }
	
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:14em; /* match ul width */ top:0; }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:14em; /* match ul width */ top:0; }

/*** shadows for all but IE6 ***/
.sf-shadow ul { background: url(/cms/images/layout/menu/shadow.png) no-repeat bottom right; padding:0 9px 9px 0; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

/*** arrows **/
.sf-menu a.sf-with-ul { /* padding-right:2.25em; */ min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }

.sf-sub-indicator { 
	position:absolute; 
	display:block; 
	right:.75em; 
	top:.8em;
	width:10px; 
	height:10px; 
	text-indent:-999em; 
	overflow:hidden;
	background: url(/cms/images/arrows-ffffff.png) no-repeat 0px -100px;
}

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px; }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {background-position: -10px 0;}
.sf-menu ul a > .sf-sub-indicator {background-position: 0 0;}

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

/*================================================================
                      MAIN MENU SKIN 
================================================================*/

.mainNav { position:relative; z-index:100;}
.mainNav ul { margin:0; padding:0; }	

/* Temporary clearfix since we don't actually have a clearfix on sf-menu */
.mainNav .sf-menu:before, .mainNav .sf-menu:after { content: ""; display: table; }
.mainNav .sf-menu:after { clear: both; }
.mainNav .sf-menu { zoom: 1; }

.mainNav .sf-menu { }
.mainNav .sf-menu a,	.mainNav .sf-menu a:visited { display:block; height:33px; text-decoration:none; }
.mainNav .sf-menu li.sfHover > a,
.mainNav .sf-menu a.on,
.mainNav .sf-menu a:hover, 
.mainNav .sf-menu a:focus,
.mainNav .sf-menu a:active {  }

.mainNav .sf-menu ul a, .mainNav .sf-menu ul a:visited { height:auto; padding:5px 10px; }
.mainNav .sf-menu ul li.sfHover > a,
.mainNav .sf-menu ul a:hover, 
.mainNav .sf-menu ul a:focus,
.mainNav .sf-menu ul a:active {  }
	
.mainNav .sf-menu > li { float:left; }
.mainNav .sf-menu li ul { background-color:#fff; border:1px solid #c7c7c7; }
.mainNav .sf-menu li li {}
.mainNav .sf-menu li li li {}


/*================================================================
                      QUICK VIEW SKIN - STORE
================================================================*/

.quickView .sf-menu {float:left;}
.quickView .sf-menu a, .quickView .sf-menu a:visited { height:30px; text-decoration:none; color:#13a; }
.quickView .sf-menu li {}
.quickView .sf-menu li ul {background-color:#fff; border:1px solid #c7c7c7;}
.quickView .sf-menu li li {background-color:#fff;}
.quickView .sf-menu li li li {}

.quickView .sf-menu ul a,
.quickView .sf-menu ul a:visited {height:auto; padding:5px 10px; text-indent:0; background:url(/cms/images/layout/arrow_right_blue.gif) no-repeat 2px -999px;}

.quickView .sf-menu li.sfHover a {background-position:0 -30px;}
.quickView .sf-menu li li a:hover,
.quickView .sf-menu li li a:active {background-position:3px 8px;}

.quickView .sf-menu li:hover,
.quickView .sf-menu li.sfHover,
.quickView .sf-menu a:focus,
.quickView .sf-menu a:hover,
.quickView .sf-menu a:active {outline:0;}

/*================================================================
                      Custom
================================================================*/
.mainNav {
	margin-top:60px;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	font-size:1.3em;
	letter-spacing: .1em;
	font-weight: normal;
	z-index:999;
}
.mainNav .sf-menu li ul {z-index:999;}
.mainNav .sf-menu a, .mainNav .sf-menu a:visited {
	color: #EEF0F5;
	display:block;
	height:23px;
	text-shadow: 1px 1px 3px #000;
	text-decoration: none;
	text-align: 
	left;
}
.sf-menu li a {padding:0 10px;}
.lt-ie9 .sf-menu li a {padding:0 9px;}


.lt-ie9 .mainNav .sf-menu a, .lt-ie9 .mainNav .sf-menu a:visited {
	height:15px;
	margin:5px 0;
}

.mainNav .sf-menu li.sfHover > a,
.mainNav .sf-menu a.on,
.mainNav .sf-menu a:hover, 
.mainNav .sf-menu a:focus,
.mainNav .sf-menu a:active { color:#ff3333; }


.sf-menu .lastnavitemli:hover ul,
.sf-menu .lastnavitemli.sfHover ul { left:auto;}
.sf-menu .lastnavitemli:hover ul ul,
.sf-menu .lastnavitemli.sfHover ul ul{ right:12em; left:auto;}
	
.firstnavitemli {float:left;}
.lastnavitemli {float:right;}
.firstnavitemli a:first-child {padding-left:0;}
.lastnavitemli a:first-child {padding-right:0;}

.sf-menu ul {width:12em;}
.sf-menu li.sfHover ul { left:0; top:45px;  }
.mainNav .sf-menu li ul {
	font-size:0.9em;
	font-size:0.9rem;
	background: rgb(14,65,130);
	border: 5px solid #ffffff;
	border-top-color:transparent;
	padding-bottom:5px;
	-webkit-animation: fadeInDown 0.5s;
	-moz-animation: fadeInDown 0.5s;
	-o-animation: fadeInDown 0.5s;
	animation: fadeInDown 0.5s;
}


.mainNav .sf-menu ul a, .mainNav .sf-menu ul a:visited { height:auto; padding:7px 10px; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); }  100% { opacity: 1; -webkit-transform: translateY(0); } }  @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); }  100% { opacity: 1; -moz-transform: translateY(0); } }  @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); }  100% { opacity: 1; -o-transform: translateY(0); } }  @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); }  100% { opacity: 1; transform: translateY(0); } }  .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }

.mainNav .sf-menu li ul ul{
	border: 5px solid #ffffff;
	border-left-color:transparent;
	padding-bottom:5px;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
}

.mainNav .sf-menu .lastnavitemli li ul{
	border: 5px solid #ffffff;
	border-right-color:transparent;
	padding-bottom:5px;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:12em; /* match ul width */ top:-5px; }
.lt-ie9 ul.sf-menu li li:hover ul,
.lt-ie9 ul.sf-menu li li.sfHover ul { left:13.3em; /* match ul width */ top:-5px; }