/*
 * ProNav v3.5 CSS
 * Theme: Magento Default
 * Author: Brandammo
 * Description: You can use this as a base for your theme
 * 				or duplicate this file and set it in the
 * 				ProNav configuration
 */

/*
 * PRONAV
 */
ul#pronav {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    text-align: center;
    width:970px !important;
}

ul#pronav li.primary-pronav-item a.primary-pronav-link {
    color: #666666;
    font-family: dosis;
    font-size: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
    padding:7px 25px;
	text-decoration:none;
}


ul#pronav li.primary-pronav-item.first-pronav-item {}
ul#pronav li.primary-pronav-item.last-pronav-item {}

ul#pronav li.primary-pronav-item {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

ul#pronav.pn-left li.primary-pronav-item a.primary-pronav-link,
ul#pronav.pn-right li.primary-pronav-item a.primary-pronav-link {
	font-size:10px;
	text-transform: uppercase;
	padding:5px 10px;
}

ul#pronav li.primary-pronav-item a.primary-pronav-link:hover,
ul#pronav li.primary-pronav-item:hover a.primary-pronav-link {
	color:#920000;
	background:#fff;
}

ul#pronav.pn-left li.primary-pronav-item a.primary-pronav-link:hover,
ul#pronav.pn-left li.primary-pronav-item:hover a.primary-pronav-link,
ul#pronav.pn-right li.primary-pronav-item a.primary-pronav-link:hover,
ul#pronav.pn-right li.primary-pronav-item:hover a.primary-pronav-link {
	padding:5px 25px;
}

ul#pronav li.primary-pronav-item .sub .row ul {
    float: left;
    list-style: none outside none;
    margin: 0 10px;
    min-height: 100px;
    padding: 15px 0;
    width: 150px;
}

/*
 * DROPDOWN STYLES
 */
ul#pronav li.primary-pronav-item .sub,
ul#pronav li.primary-pronav-item .child-sub {
	background:#f5f5f5;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}



ul#pronav li.primary-pronav-item .sub,
ul#pronav li.primary-pronav-item .sub ul li.has-children .child-sub {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 5px solid #666;
    font-family: dosis;
    height: 250px;
    opacity: 1;
    position: absolute;
    text-align: left;
    top: 41px;
    left:-10px;
    width: 970px !important;
    z-index: 99999;
    padding:10px;
}

ul#pronav li.primary-pronav-item .sub ul li a {
    color: #999999;
    font-size: 1.25em !important;
    font-weight: normal;
    padding: 4px 0;
    text-decoration: none;
    text-transform: uppercase;
}

/*
 * DROPDOWN ROW STYLES
 */
ul#pronav li.primary-pronav-item .sub .row {}
ul#pronav li.primary-pronav-item .sub .row.first-row {}
ul#pronav li.primary-pronav-item .sub .row.last-row {}


/*
 * DROPDOWN COLUMNS
 */
ul#pronav li.primary-pronav-item .sub .row ul {
	background-image:none;
	border-right:1px solid #fff;
	/*min-height:300px;*/
	text-align: left;
	padding:0px;
}
ul#pronav li.primary-pronav-item .sub .row ul.last-ul {
	border-right:none;
}


/*
 * DROPDOWN LIST & LINK STYLES
 */
ul#pronav li.primary-pronav-item .sub ul li {}
ul#pronav li.primary-pronav-item .sub ul li.first-li {}
ul#pronav li.primary-pronav-item .sub ul li.last-li {}

ul#pronav li.primary-pronav-item .sub ul li.last-li > a {
	border-bottom:none;
}

ul#pronav li.primary-pronav-item .sub ul li.pronav-unsorted ul,
ul#pronav li.primary-pronav-item .sub ul li.pronav-sosorted ul {
	border: none;
}


ul#pronav li.primary-pronav-item .sub ul li.first-li > a {
	border-top:0px;
}

ul#pronav li.primary-pronav-item .sub ul li.level-2 a {
	font-size: 13px;
	font-weight: bold;
	color:#E76200;
	text-transform:uppercase;
}

ul#pronav li.primary-pronav-item .sub ul li.level-3 a {
	font-size: 12px;
	font-weight: bold;
	color:#E76200;
	background:#e9e9e9;
}

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

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:hover {
color:#920000;}

ul#pronav li.primary-pronav-item .sub ul li.level-2 a:hover {
	color:#000;
}

ul#pronav li.primary-pronav-item .sub ul li.level-3 a:hover {
	color:#000;
	background:#e9e9e9;
}


/*
 * SPLIT COLUMNS
 */
ul#pronav li.primary-pronav-item .sub ul.columns-split,
ul#pronav li.primary-pronav-item .sub ul.columns-split li.columns-inside ul,
ul#pronav li.primary-pronav-item .sub ul.columns-split li.columns-inside.last-li {
	border:none;
}

ul#pronav li.primary-pronav-item .sub ul.columns-split li.columns-inside {
	border-right:1px solid #fff;
}

ul#pronav li.primary-pronav-item .sub ul.columns-split li.columns-inside ul li a {
	background:none;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd;
	padding:5px 25px;
}

ul#pronav li.primary-pronav-item .sub ul.columns-split li.columns-inside ul li.first-li > a {
	border-top:none;
}

ul#pronav li.primary-pronav-item .sub ul.columns-split li.columns-inside ul li.last-li > a {
	border-bottom:none;	
}

ul#pronav li.primary-pronav-item .sub ul.columns-split li.columns-inside li a:hover {
	background:#fff;
}

/*
 * CUSTOM PROMOS
 */

ul.ul-promo {
    float: right !important;
    position: relative;
    top: -20px !important;
    width: 540px !important;
    margin:0 !important;
}


.promo-container {
	width:280px;
	height:280px;
	float:left;
	padding:10px;
}


.promo-container a {
	padding:0px !important;
}


/*
 * CUSTOM CATEGORY LISTING
 */
ul#pronav li.primary-pronav-item#category-products .sub .row ul {width:1020px;}
ul#pronav li.primary-pronav-item .sub .row ul li .category-products {padding:10px}
ul#pronav li.primary-pronav-item .sub ul li .category-products .products-grid {background:#eee; border:none; padding:10px; margin:0 0 5px 0}
ul#pronav li.primary-pronav-item .sub ul li .category-products .products-grid.last {margin:0px;}
ul#pronav li.primary-pronav-item .sub ul li .category-products .products-grid .item {float:left; width:135px;margin:0 10px 0 0; background:#fff; padding:10px}
ul#pronav li.primary-pronav-item .sub ul li .category-products .products-grid .item.last {margin:0px;}
ul#pronav li.primary-pronav-item .sub ul li .category-products .products-grid .item a {padding:0px; margin:0px; border:none}
ul#pronav li.primary-pronav-item .sub ul li .category-products .products-grid .product-name,
ul#pronav li.primary-pronav-item .sub ul li .category-products .products-grid .price-box {padding:5px; text-align:center;}
ul#pronav li.primary-pronav-item .sub ul li .category-products .products-grid .product-name a:hover {background:none; color:#000}
ul#pronav li.primary-pronav-item .sub ul li .category-products .products-grid .actions {position:static; text-align:center;}


/*
 * CUSTOM ACCOUNT LOGIN
 */
ul#pronav li.primary-pronav-item#account-login .sub .row ul {width:855px;}
ul#pronav li.primary-pronav-item#account-login .sub .row ul li .account-login {padding:20px;}
ul#pronav li.primary-pronav-item#account-login .sub .row ul li .account-login .buttons-set a {border:none; padding:0px;}
ul#pronav li.primary-pronav-item#account-login .sub .row ul li .account-login .content {background:#eee; border:none; padding:20px;}
ul#pronav li.primary-pronav-item#account-login .sub .row ul li .account-login .buttons-set {border:none; padding:10px; background:#fff;}


/*
 * RESPONSIVE PRONAV
 */
#pronav-selection-container #pronav-select-toggle {
	color:#A7C6DD;
	background: url(../images/pronav-select.png) no-repeat 10px center #0A263D;
}

#pronav-selection-container #pronav-selection {
	background:#f5f5f5;
	border-bottom:5px solid #A7C6DD;
}