/*** ESSENTIAL STYLES ***/
#nav, #nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#nav {
	line-height:	1.0;
}
#nav ul {
	position:		absolute;
	top:			-999em;
	width:			150px; /* left offset of submenus need to match (see below) */
}
#nav ul li {
	width:			100%;
}
#nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
	float:			left;
	position:		relative;
}
#nav a {
	display:		block;
	position:		relative;
}
#nav li:hover ul,
#nav li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
	top:			-999em;
	left: 0px;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
	left:			128px; /* match ul width */
	top:			-1px;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
	top:			-999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
	left:			150px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
#nav {
	float:			left;
}
#nav a {
	color: #383636;
	line-height: 12px;
	font-weight:bold;
	font-size:12px;
	text-transform: uppercase;
	text-decoration:none;
	border-left: 1px dotted #87adc5;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#nav a {
		font-family: Arial;
		font-size:12px;
		padding: 10px 16px 10px 16px;
	}
}
#nav .first a {
	border-left-style: none;
	padding: 10px 15px 10px 15px;
}
#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #383636;
}
#nav ul a:visited {
	color: #245485;
}
#nav ul li a, #nav li.selected ul a, #nav li.selected-first ul a {
	background: url(none);
	color: #383636;
	/*font-size: 0.94em;*/
	font-weight:normal;
	padding: 7px 10px;
	text-transform: none;
	text-decoration: none;
	border-bottom:1px solid #c6d8e4;
	border-left: none;
}
#nav ul li a.arrow, #nav li.selected ul li a.arrow  {
	background: url(../images/template/nav_arrow.gif) no-repeat 115px 6px;
}
#nav ul li a.arrow:hover, #nav ul li:hover a.arrow, #nav ul li.sfHover a.arrow, #nav li.selected ul li a.arrow:hover, #nav li.selected ul li:hover a.arrow {
	background: url(../images/template/nav_hover_arrow.gif) no-repeat 115px 6px;
}

#nav ul li.arrow ul li.arrow li a, #nav ul li.arrow ul li.arrow li a:visited, #nav ul li.arrow ul li.arrow li a:active, #nav ul li.arrow ul li.arrow li a:hover {
	background: none;
}
#nav ul {
	padding: 10px;
	background-color: #fff;
	border-right:1px dotted #87adc5;
	border-bottom:1px dotted #87adc5;
	border-left:1px dotted #87adc5;
	w\idth: 165px;
}
#nav ul ul {
	border-top:1px dotted #87adc5;
}
#nav li {
	/*background: #c07f27 url(../images/template/nav_bg.gif) repeat-x left top;*/
}
#nav li li {
	background:		#fff;
}
#nav li li li {
	background:		#fff url(none);
}
#nav li:hover, #nav li.sfHover,
#nav a:focus, #nav a:hover, #nav a:active,
#nav li.selected a {
	/*background: #bc9e76 url(../images/template/nav_hover.gif) no-repeat left top;*/
	color: #383636;
	outline: 0;
	background: url(../images/template/nav_hover_tile.gif) repeat-x left top;
}
#nav li.first:hover, #nav li.first.sfHover,
#nav .first a:focus, #nav .first a:hover, #nav .first a:active,
#nav li.selected-first a {
	background: url(../images/template/nav_hover_tile.gif) repeat-x left top;
	outline:		0;
}
#nav li li:hover, #nav li li.sfHover,
#nav li li a:focus, #nav li li a:hover, #nav li li a:active {
	background: 	#ebf6fd url(none);
	color: 			#245485;
	outline:		0;
}

/*test*/
/*#nav li.product ul ul {
	width: auto !important;
}
#nav li.product ul ul ul {
	background: #ffffff;
	padding: 0 0 4px 0 !important;
	overflow: hidden;
	border: none;
	position: static;
	margin: 5px 0 0 0;
}
#nav li.product ul ul li {
	line-height: normal;
	font-weight: bold;
	color: #245485;
	padding: 8px 15px 7px 15px;
	width: 225px;
	border-bottom: 1px solid #436d81;
}
#nav li.product li li:hover, #nav li.product li li.sfHover,
#nav li.product li li a:focus, #nav li.product li li a:hover, #nav li.product li li a:active {
	background: 	#ffffff url(none);
	color: 			#245485;
	outline:		0;
}
#nav li.product ul ul ul li, #nav li.product ul ul ul li:hover, #nav li.product ul ul ul li.sfHover {
	border: none;
	float: none;
	background: #ffffff url(../images/template/sub_nav_bullet.gif) 0 5px no-repeat;
	line-height: 14px;
	padding: 0 0 0 9px;
	margin: 3px 0 0 0;
}
#nav li.product li li a, #nav li.product.selected li li li a {
	background: #ffffff;
	background-image: none;
	display: block;
	padding: 0;
	float: none;
	color: #245485;
	text-decoration: none;
	text-transform: none;
	border: none;
	font-weight: bold;
}
#nav li.product li li li a, #nav li.product.selected li li li a {
	font-weight: normal;
	margin: 0;
}
#nav li.product ul ul li a:hover {
	color: #88a4d5 !important;
}

#nav li.product li li a.arrow {
	padding: 0;
	background: none;
	border: none;
	font-weight: bold;
}*/

/* hover */
/*#nav li.product ul li.arrow li a:hover, #nav li.product ul li:hover.arrow li a, #nav li.product ul li.sfHover.arrow li a {
	background: none;
}
#nav li.product ul li li a:hover, #nav li.product ul li.selected li a, #nav li.product ul li:hover li a, #nav li.product ul li.sfHover li a {
	background-color: #ffffff;
	color: #245485;
}*/
#nav li:hover, #nav li.sfHover,
#nav a:focus, #nav a:hover, #nav a:active {
	outline:		0;
}

