/*
 * 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;	
}

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 {
	float:left;
	margin:0;
	padding:0;
	position:relative; /* IMPORTANT - needs to be positioned relative */
}

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:28px;
	position:absolute; /* IMPORTANT - needs to be positioned absolute */
	z-index:99999;
	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;
}

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.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;
}

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; }
}