/*
 * ProNav v3.5 CSS
 * Theme: Custom ProNav
 * Author: Javier Rosario
 */

/*
 * PRONAV
 */
ul#pronav {
	background:#fff;
	font-family: "Futura";
	font-weight: bold;
	font-size: 15px;
	margin-left: -20px;
}

/*
 * PRIMARY LINK STYLES
 */

ul#pronav.pn-left li.primary-pronav-item,
ul#pronav.pn-right li.primary-pronav-item  {
	border-bottom:1px dotted #ddd;
}

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

ul#pronav li.primary-pronav-item a.primary-pronav-link {
	color:#000;
	padding: 15px 20px;
	text-decoration:none;	
	text-transform:uppercase;
	/*border-right:1px solid #ddd;*/
}

ul#pronav.pn-left li.primary-pronav-item a.primary-pronav-link,
ul#pronav.pn-right li.primary-pronav-item a.primary-pronav-link {
	border-right:none;
	text-transform:none;
}

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

ul#pronav li.primary-pronav-item.last-pronav-item a {border-right:none}

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

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


/*
 * DROPDOWN STYLES
 */
ul#pronav li.primary-pronav-item .sub,
ul#pronav li.primary-pronav-item .child-sub {
	top:48px;
	background:#fff;
	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);
	border-top:5px solid #000;
}


/*
 * 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 #ccc;
	/*min-height:300px;*/
	text-align: left;
	padding:13px 0 10px 2px;
	line-height: 25px;
}
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 {padding-left: 15px;}
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.level-3 {}

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: 14px;
	font-weight: bold;
	text-transform:uppercase;
}

ul#pronav li.primary-pronav-item .sub ul li.level-3 a {
	font-size: 14px;
	font-weight: bold;
	border-bottom:1px dashed #ddd;
	border-top:1px dashed #ddd;
}

ul#pronav li.primary-pronav-item .sub ul li.level-4 a {
	font-size: 14px;
	padding-top:5px;
	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 {
	color:#000;
	font-size:15px;
	text-decoration:none;
	padding:2px 15px;
    margin-left: -15px;
}

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

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


ul#pronav li.primary-pronav-item .sub ul li a.sale-item {
	color:#c11a23;
	font-weight:bold;
}

ul#pronav li.primary-pronav-item .sub ul li a.sale-item:hover {
	background:#c11a23;
	color:#fff;
}

/*
 * 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;
	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:#000;*/
	color:#000;
}

/*
 * CUSTOM PROMOS
 */

ul.ul-promo {
	width:300px !important;
}

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

.promo-container .promo-large {
	width:280px;
	height:158px;
	background:#ccc;
}

.promo-container .promo-small {
	width:135px;
	height:112px;
	background:#aaa;
	margin-top:10px;
}

.promo-container .promo-small.left-promo {
	float:left;
	clear:left;
}

.promo-container .promo-small.right-promo {
	float:right;
	clear:right;
}

.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:#000;
	font-family:"Futura";
	font-weight:normal;
	background: url(../images/pronav-select-blk.png) no-repeat 10px center #fff;
}

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