/* Import "PT Sans Narrow" font from Google fonts */
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-water > li > a { ... } instead of .sm-water a { ... }
---------------------------------------------------------------*/

#pp-pageContent .sm-water li {
    margin-left: 0px;
}

/* Menu box
===================*/

.sm-water {
	font-size: 14px;
	z-index: 9999;
}
.sm-water-vertical {
}
#pp-pageContent  .sm-water li {
	background: #d2d2d2;
	
}

#pp-pageContent  .sm-water ul {
	padding-top: 8px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 8px;
	border: none;
	margin-top: 1px !important;
}

#pp-pageContent .sm-water ul, #pp-pageContent  .sm-water ul li  {
	background: #dedede;
	zoom: 1;
	filter: alpha(opacity=95);
	opacity: 0.95;
	margin-bottom: 0px;
}



/* for vertical main menu subs and 2+ level horizontal main menu subs round all corners */
.sm-water-vertical ul, .sm-water ul ul {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/* Menu items
===================*/

.sm-water a {
	background: url(/common/arrowDownDkBlue.png) no-repeat right -7px;
	color: #717171;
	font-size: 11px;
	line-height: 34px;
	height: 34px;
	font-family:"Trade Gothic W01";
	font-weight: 800;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 32px;
	padding-right: 32px;
	letter-spacing: .1em;
	margin-right: 17px;
}
.sm-water a:hover, .sm-water a:focus, .sm-water a:active, .sm-water a.highlighted {
	color: #fff;
	background: url(/common/arrowDownDkBlue.png) no-repeat right 15px;
}
.sm-water-vertical a {
}
.sm-water li {
		
}

.sm-water li ul{
	max-width: none !important;
	min-width: 100% !important;
	right: 0px;
}

.sm-water ul a {
	text-align: right;
	background: transparent;
	font-family:"Arial W01";
	font-weight: 900;
	font-style: normal;
	color: #475153;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	text-shadow: none;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	margin-right: 17px;
	margin-left: 32px;

}
.sm-water ul a:hover, .sm-water ul a:focus, .sm-water ul a:active, .sm-water ul a.highlighted {
	color: #CD7100;
	background: none;
}
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-water a.current, .sm-water a.current:hover, .sm-water a.current:focus, .sm-water a.current:active, .sm-water ul a.current, .sm-water ul a.current:hover, .sm-water ul a.current:focus, .sm-water ul a.current:active {
}
/* round the left corners of the first item for horizontal main menu */
.sm-water > li:first-child > a {
}
/* round the corners of the first and last items for vertical main menu */
.sm-water-vertical > li:first-child > a {
}
.sm-water-vertical > li:last-child > a {
}
.sm-water a.has-submenu {
}

/* Sub menu indicators
===================*/

.sm-water a span.sub-arrow {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -25px;
	/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
	overflow: hidden;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 8px 6px 8px;
	border-color: transparent transparent transparent transparent;
	display: none;
}
.sm-water a:hover span.sub-arrow, .sm-water a:focus span.sub-arrow, .sm-water a:active span.sub-arrow, .sm-water a.highlighted span.sub-arrow {
	border-color: transparent transparent #f7f7f7 transparent;
	display: none;
}
.sm-water-vertical a span.sub-arrow, .sm-water ul a span.sub-arrow {
}
.sm-water > li:last-child > a span.sub-arrow {
	margin-left: 0px;
}
.sm-water > li + li + li + li +li > a span.sub-arrow {
	margin-left: 0px;
}
/* Items separators
===================*/

.sm-water li {
}
.sm-water li:first-child, .sm-water-vertical li, .sm-water ul li {
}
/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

.sm-water span.scroll-up, .sm-water span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	overflow: hidden;
	background: #ffffff;
	height: 20px;/* width and position will be automatically set by the script */
}
.sm-water span.scroll-up-arrow, .sm-water span.scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 8px; /* tweak size of the arrow */
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #247eab transparent;
}
.sm-water span.scroll-down-arrow {
	top: 6px;
	border-style: solid dashed dashed dashed;
	border-color: #247eab transparent transparent transparent;
}