/*
 * ProNav 	v3.2 CSS
 * Author: 	Brandammo
 * 
 * Notes:  	Do not modify this file, 
 * 			if you are not comfortable with css.
 */


/*
 * PRONAV
 */
ul#pronav {
	margin:0 auto;
	padding:0;
	width:auto;
	list-style:none;
	position:relative;	
	z-index: 0;
	text-align: center;
	min-height: 88px !important;
	padding-top: 30px;
}

ul#pronav.pn-left,
ul#pronav.pn-right {
	width:100% !important;
	margin:0 0 10px 0;
}


/*
 * PRIMARY LINK STYLES
 */
ul#pronav li.primary-pronav-item {
	display: inline-block;
	height: 100%;
	margin:0;
	padding:0;
	/* position:relative;  IMPORTANT - needs to be positioned relative */
}
ul#pronav li.primary-pronav-item.no-link .pronav-top-level-span {
	position: relative;
}
ul#pronav li.primary-pronav-item.no-link .pronav-top-level-span:after {
	content: " ";
	position: absolute;
	top: 52px;
	left: 50%;
	margin-left: -15px;
	z-index: 2;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 15px 0 15px;
	border-color: #222222 transparent transparent transparent;
	opacity: 0;
	transition: opacity 0.3s ease;
}
ul#pronav li.primary-pronav-item.no-link:hover .pronav-top-level-span:after {
	opacity: 1;
}

ul#pronav.pn-left li.primary-pronav-item,
ul#pronav.pn-right li.primary-pronav-item  {
	float:none;
	border-bottom:1px solid #000;
}

ul#pronav li.primary-pronav-item.position-static {
	position:static;
}

ul#pronav.pn-left li.primary-pronav-item.position-static,
ul#pronav.pn-right li.primary-pronav-item.position-static {
	position:relative;
}

ul#pronav li.primary-pronav-item a.primary-pronav-link {
	display:block;
}


/*
 * DROPDOWN STYLES
 */
ul#pronav li.primary-pronav-item .sub,
ul#pronav li.primary-pronav-item .sub ul li.has-children .child-sub {
	top:88px;
	position:absolute; /* IMPORTANT - needs to be positioned absolute */
	z-index: 1;
	display:none;
	opacity:0;
	filter:alpha(opacity=0);	
}

ul#pronav li.primary-pronav-item .sub.sub-align-right {
	right:0px;
}

ul#pronav li.primary-pronav-item .sub.sub-align-left,
ul#pronav li.primary-pronav-item .sub.sub-align-start {
	left:0px;
	width: 100%!important;
	padding: 26px 12px;
}

ul#pronav li.primary-pronav-item .sub.sub-align-end {
	right:0px;
}

/*
 * DROPDOWN ROW STYLES
 */
ul#pronav li.primary-pronav-item .sub .row {
	clear:both;
	width:100%;
	margin-bottom:10px;
}
ul#pronav li.primary-pronav-item .sub .row .title {
	padding: 5px 25px 20px;
	color: #ffcc01;
	text-transform: uppercase;
	font-size: 14px;
	text-align: left;
}
ul#pronav li.primary-pronav-item .sub .row.last-row {
	margin-bottom:0px;
}
	
/*
 * DROPDOWN COLUMNS
 */
ul#pronav li.primary-pronav-item .sub .row ul {
	list-style:none;
	margin:0;
	padding:15px 0;
	width:15em; /* IMPORTANT */
	float:left;
	min-height:100px;
}

ul#pronav li.primary-pronav-item .sub .row ul.has-columns,
ul#pronav li.primary-pronav-item .sub .row ul.columns-split,
ul#pronav li.primary-pronav-item .sub .row ul.columns-split ul {
	min-height:0;
	width:100%;
}


/*
 * DROPDOWN LIST & LINK STYLES
 */

ul#pronav li.primary-pronav-item .sub ul li {
	width:100%;
}

ul#pronav li.primary-pronav-item .sub ul li.level-2 a {
	font-size: 16px;
	font-weight: bold;
}

ul#pronav li.primary-pronav-item .sub ul li.level-3 a {
	font-size: 14px;
	font-weight: bold;
}

ul#pronav li.primary-pronav-item .sub ul li.level-4 a {
	font-size: 12px;
	padding-left: 30px;
}

ul#pronav li.primary-pronav-item .sub ul li.level-5 a {
	font-size: 10px;
	padding-left: 50px;
}

ul#pronav li.primary-pronav-item .sub ul li a {
	padding:3px 25px;
	display:block;
	font-family: Ss, Verdana, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
}

ul#pronav li.primary-pronav-item .sub .row ul.columns-split li.columns-inside {
	float:left;
	width:15em;
}


/*
 * RESPONSIVE PRONAV
 */

#pronav-selection-container {
	display:none;
	margin:0 auto;
}

#pronav-selection-container.responsive {
	margin-left:0;
	margin-right:0;
}

#pronav-selection-container #pronav-select-toggle {
	text-transform:uppercase;
	display:block;
	padding:10px;
	margin:0 auto;
	text-decoration: none;
	font-weight:bold;
	background: url(../images/pronav-select.png) no-repeat 10px center #0A263D;
}

#pronav-selection-container #pronav-selection {
	display:none;
	padding:10px 0;
}

#pronav-selection-container #pronav-selection select {
	display:block;
	margin:5px auto;
	width:90%;
}

@media (max-width: 600px) {
	ul#pronav.make-responsive { display: none; }
	#pronav-selection-container { display: block; }
}