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

/*
 * 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  {
	background:none repeat scroll 0 0 #871d1d;
    border-bottom:1px solid #d7abac;
    border-top:1px solid #d7abac;
    float:left;
    text-align:center;
    width:100%;
}

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

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