
/*** ESSENTIAL STYLES ***/

ul.sf-menu{padding:0px;margin:0px;}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	font-size:		12px;/* this is needed here to setup the em width */
	width:			13em; /* left offset of submenus need to match (see below) */
	margin-left:	0px;
	/*white-space:	nowrap;*/
}
.sf-menu ul li {
	text-align:		left;
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			right;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
	z-index:		10;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul,
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul,
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}

/*** NAVIGATION SKIN ***/
.sf-menu {
	/*margin-bottom:	0;
	font-size:		11px;
	font-weight:	normal;
	color:			#5e88a2;*/
}
.sf-menu a {
	font-family:'Josefin Slab', serif;
	color:			#509ba2;
	text-decoration:none;
	font-size:		10px;
	line-height:	normal;
	margin:			0px;
	padding:		8px 9px 3px 9px;
	margin:			0px;
	font-weight:	600;
	text-transform:	uppercase;
	letter-spacing: .2em;
	height:			14px;
	/*white-space:	nowrap;*/
	/*border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
}
.sf-menu li {
	/*border-left:	1px dotted #461e0e;*/
	/*background:		url(/_images/site/shared/nav-divider.gif) top left no-repeat;*/
	margin:			0px 0px 0px 12px;
	padding:		0px 0px 0px 0px;
	/*border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

.sf-menu li li {
	margin:	0px;
}

/*.sf-menu a:hover{
	padding-bottom:	15px;
}*/

/*.sf-menu li:hover, .sf-menu li.sfHover,*/
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { /*NOTE that we include the 'a' tags here for IE < 6, otherwise it wont show over states*/
	background:#f7fbfb;
	/*color:#69655e;*/
}
.sf-menu li:hover, .sf-menu li.sfHover{
	background:#f7fbfb;
	/*background:url(/_images/site/nav_bkgd_top.png) repeat;*/
}
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	/*border-bottom:none;*/
}

.sf-menu li.navDivider{display:none;}

.sf-menu li.liveNav{
	/*background:url(/_images/site/nav-live.png) top left no-repeat;*/
}

.sf-menu li a.liveNav{
	/*background:#f7fbfb;*/
	color:#69655e;
}

.sf-menu li.liveSubNav{}

.sf-menu li a.liveSubNav{}

.sf-menu li.navBuffer{}

.sf-menu li ul{
	-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
}

.sf-menu li li:first-child, .sf-menu li li li:first-child{
	/*background:		#ff0000;*/
	/*border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;*/
	/*padding-top:6px;*/
}

.sf-menu li li:last-child, .sf-menu li li li:last-child{
	/*border-bottom:	1px solid #ededed;*/
	/*curved edges for all but IE*/
	/*border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;*/
	padding-bottom:2px;
}


.sf-menu li li, .sf-menu li li li {
	border-top:1px solid #edf3f3;
	/*curved edges for all but IE*/
	/*border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;*/
	background:		#f7fbfb;
	/*border-bottom:		1px solid #fff;
	background:url(/_images/site/nav_bkgd_drop.png) repeat;*/
	margin:			0px;
	padding:		0px;
	/*border-left:	1px solid #ededed;
	border-right:	1px solid #ededed;*/
}
.sf-menu li li li {
	border-left:1px solid #fff;
}
.sf-menu li li a{
	margin:			0px 12px 0px 4px;
	padding:		5px 5px 5px 8px;
	font-size:		13px;
	height:			auto;
	text-transform: none;
	color:			#509ba2;
	font-weight:	600;
}
.sf-menu li li:hover, .sf-menu li li.sfHover{
	/*background:		#71adda;*/
}
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	text-decoration:underline;
}

/*** arrows **/
.sf-arrows{float:right;font-size:18px;position:relative;top:-4px;}
/*.sf-arrows{float:right;font-size:18px;position:relative;top:4px;background:url(/_images/site/arrow-white.png) no-repeat; height:10px; width:8px;}*/

/** NAV CART STYLING **/

.sf-menu #navCart{
	position:absolute;right:0px;margin-right:0px;
}

.sf-menu #navCart a{
	/*display:inline-block;*/
	float:left;
}

.sf-menu #navCart span{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-style:italic;
	cursor:pointer;
	float:left;
	margin-top:3px;
}

.sf-menu #navCart span span{
	margin-right:8px;
}

/*** shadows for all but IE6 ***/
/*.sf-shadow ul {
	background:	url(/_js/jquery/superfish/images/shadow.png) no-repeat bottom right;
	padding: 0 6px 7px 0;
	border-bottom-left-radius: 17px;
	border-top-right-radius: 17px;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}*/
