/**
 * Apptha
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.apptha.com/LICENSE.txt
 *
 * ==============================================================
 *                 MAGENTO EDITION USAGE NOTICE
 * ==============================================================
 * This package designed for Magento COMMUNITY edition
 * Apptha does not guarantee correct work of this extension
 * on any other Magento edition except Magento COMMUNITY edition.
 * Apptha does not provide extension support in case of
 * incorrect edition usage.
 * ==============================================================
 *
 * @category    Apptha
 * @package     Apptha_Marketplace
 * @version     1.2.3
 * @author      Apptha Team <developers@contus.in>
 * @copyright   Copyright (c) 2014 Apptha. (http://www.apptha.com)
 * @license     http://www.apptha.com/LICENSE.txt
 * 
 */

 
#custommenu {position: relative;font-size:15px;padding: 0px 0px 0px 0px;width: 100%;border-radius: 2px;height: auto;margin: 0 auto; }
/*IE7 fix*/
*:first-child+html #custommenu {z-index: 998;}
div.menu {float: left;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px; line-height:38px;}
div.menu a:link, div.menu a:visited {display: block;height: 38px;padding-left:20px;padding-right:20px;font-size: 20px; font-family: 'Roboto Condensed', sans-serif; }
div.menu a span { display: block;  padding-right: 0px;  font-weight: 600; }
div.menu a span:hover {cursor: pointer;}
div.custom-menu-popup {position: absolute;z-index: 1000;display: none;text-align: left;padding: 0px !important; border-top: 0;width:100%;margin-top: 0px;}
div.menu a, div.custom-menu-popup a {color: #333;text-decoration: none;display:block;cursor: pointer;height: auto;}
div.custom-menu-popup .level1{font-size:15px;font-weight:600}
div.level1 {margin-bottom: 5px;}
div.level2 {margin-bottom: 5px;}
div.level3, div.itemMenu{margin-bottom: 5px;padding: 4px;}
div.block2 {padding-top: 0px;padding-left: 10px;padding-right: 10px;display: block;}
a.level1:link, a.level1:visited {margin-top: 5px;margin-bottom: 5px;padding: 2px 10px;border-radius: 2px; font-family: 'Roboto Condensed', sans-serif; font-size: 16px;}
a.level2:link, a.level2:visited {padding: 6px 10px;border-radius: 2px; }
/* Clearfix */
div.block2:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] div.block2 {display: block;}
* html div.block2 {height: 1%;}
div.block2 p {margin-bottom: 3px;line-height: 120%;color: #333;font-size: 11px;}
div.block2 p a {display: inline;}
div.block2 a img {opacity: .9;filter: alpha(opacity=90);}
div.block2 a:hover img {opacity: 1;filter: alpha(opacity=100);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
div.block2 .brand a:hover img {-webkit-transition: all 0;-moz-transition: all 0;-ms-transition: all 0;transition: all 0;}
div.custom-menu-popup hr {margin: 0px 0px 10px 0px;}
/******************************************* COLUMN WIDTH ***************************** */
/*div.column {float: left;width: 20%; padding: 0px 1%;margin: 0px 0px 0px 0px;}*/
div.column {float: left;width: 50%; /* for 5 columns*/padding: 0px 1%;margin: 0px 0px 0px 0px;}
/*end COLUMN WIDTH  */
div.itemSubMenu {margin-left: 0px;}
.clearBoth {clear:both;height: 0;overflow: hidden;}
div.level1 {margin-bottom: 0px;}
/*BG*/
div.custom-menu-popup {background: none;box-shadow: none; border:none; border-radius: 0px; }
div.menu a:hover {background: #ccc;}
div.menu a, div.custom-menu-popup a {-webkit-transition: all .1s linear;-moz-transition: all .1s linear;-ms-transition: all .1s linear;transition: all .1s linear; }
div.menu .brand a, div.custom-menu-popup .brand a {-webkit-transition: all 0s linear;-moz-transition: all 0s linear;-ms-transition: all 0s linear;transition: all 0s linear;}
div.menu.active a {background: #ccc;color: #333;}
/* div.level3 {background: #333;} */
/*FONTS*/
div.menu {font-weight: normal;text-transform: none; height:38px; line-height: 40px;}
a.level1:link, a.level1:visited {text-transform: none;font-weight: 600;}
a.level2:link, a.level2:visited {font-weight: 300;font-size: 14px;line-height: 16px;background: url(../images/menu-bullet.png) 11px 10px no-repeat !important;padding-left: 0px;}
.itemSubMenu .itemMenu .itemMenuName{padding: 3px 10px;font-weight: 300;font-size: 14px;line-height: 16px;background: url(../images/menu-bullet.png) 11px 8px no-repeat !important;padding-left: 24px; font-family: 'roboto condensed', sans-serif; }
.itemMenu .itemSubMenu .itemMenuName:hover{color: #333;background:#ccc url(../images/menu-bullet.png) 11px 10px no-repeat !important;}
.itemMenu .itemMenuName:hover{ color: #333;background: #ccc; }
a.level3:link, a.level3:visited {font-size: 14px !important;font-weight: normal;line-height: 100%;margin-bottom: 0px;}
/*COLOR*/
div.menu a:link, div.menu a:visited{color: #fff !important;}
/*div.menu a:link, div.menu a:visited{color: #000;}*/
#custommenu div.menu .parentMenu a{ border-right:1px solid #ffffff; }
#custommenu div.menu .parentMenu a:hover {color: #333 !important;}
#custommenu div.menu.active .parentMenu a {color: #333 !important;}
div.menu a:hover, div.menu.active a{color: #333; background: #f6f6f6;}
a.level3:link, a.level3:visited {color: #333;}
a.level3:hover {color: #b43f74;}
a.level2:link, a.level2:visited {color: #333;}
a.level2:hover {color: #45C03C;}
.block2 table.brand {float: left;}
.block2 .single_menu_product {float: left;position: relative;max-width: 150px;overflow: hidden;margin-right: 20px;margin-left: 0px;}


/*MOBILE MENU STYLES*/
#menu-button, .parentMenu {display: inline-block;}
html[xmlns] #menu-button, html[xmlns] .parentMenu {display: block;}
* html #menu-button, * html .parentMenu {height: 1%;}
#menu-button:after, .parentMenu:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#custommenu-mobile {position:relative;margin: 0 auto;padding: 0;}
#menu-button {float: none;padding: 10px 0px 10px 0px;margin: 0px 0px 0px 0px;width: 100%;text-transform: uppercase;}
#menu-button a:link, #menu-button a:visited {color: #333;display: block;float: left;margin-left: 40%;position: relative;padding: 0px 10px;text-decoration: none;}
#menu-button a span:after {display: block;position: relative;content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 4px solid #dadada;margin: 8px 0px 0px 5px;float: right;opacity: 0.7;}
#menu-button:hover {cursor: pointer;}
#menu-button:hover a:after {opacity: 1;}
.menu-mobile div.column {float:none;padding:5px;background: #f4f4f4;}
.menu-mobile a.itemMenuName {display: block;text-align: left;}
.menu-mobile div.menu-button, .menu-mobile div.menu-mobile {float: none;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;width: 100%;border-bottom: 1px solid #cccccc;}
.menu-mobile div.column {float: none;width: 100%;padding: 0px 0;margin: 0px 0px 0px 0px;}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {margin-top: 0px;margin-bottom: 0;padding: 10px 10px;border-radius: 2px;color: #333;}
.menu-mobile a.level2:link, .menu-mobile a.level2:visited {padding: 10px 10px;border-radius: 2px;}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {color: #555;}
.menu-mobile a.level1:hover {background-color: #f4f4f4;}
.menu-mobile .parent {background-color: #f4f4f4;}

/*buttons level 01*/
.menu-mobile .parentMenu {padding: 0px 0px;display: block;text-align: left;border-bottom: 1px solid #cccccc; font-size:18px; font-weight: bold; }
.menu-mobile .parentMenu a:link, .menu-mobile .parentMenu a:visited {padding: 10px 0px 10px 10px;margin-right: 80px;color: #333;display: block;text-decoration: none;}
.menu-mobile .parentMenu:hover {cursor: pointer;}
.parentMenu {position: relative; height:40px;}
.parentMenu a {display: block;height:40px;}
#menu-button {cursor: pointer;}
.menu-mobile div.level2 {margin-bottom: 0px;}
#custommenu-mobile .button {cursor: pointer;position: absolute;right: 1%;top: 0px;display: block;width: 80px;height: 38px;background-color: transparent;background-repeat: no-repeat;background-position: 90% 50%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==);}
#custommenu-mobile .button.open {background-color: transparent;background-repeat: no-repeat;background-position: 90% 50%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==);}
#custommenu-mobile .level1 .button {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpi/P//PwO5gAWbYG9vL4ZYcXExhhgTAwUAn+YJQAzyUxcuBYwwP2Nx6k8gZgPid0AsjM0L+Gxmg9LMxDob5lTkKOBHEuvCpzmZQBgl4NNcD8SvcWgEiTfhi+c+KGZAcvpHIBbAG9pYEglKaJOaSCqB+BrUK8QnTyxeYCDa2dRIngQBQIABAGG6KfxEmzSnAAAAAElFTkSuQmCC);}
#custommenu-mobile .level1 .button.open {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC); }
/*BG*/
#custommenu-mobile  .parentMenu:hover a:link, #custommenu-mobile  .parentMenu:hover a:visited, #custommenu-mobile  .parentMenu:hover {background-color: #f4f4f4; border-bottom: solid #cccccc 1px;}
#custommenu-mobile .level0 {background-color: #f4f4f4; }
#custommenu-mobile .level1 {background-color: #f4f4f4; }
#custommenu-mobile .level2 {background-color: #f4f4f4; }
.menu-mobile a.level1:link, .menu-mobile a.level1:visited { border-bottom: solid #cccccc 1px; }

/*Navigation category images*/
#custommenu .block1{width:87%;float:left; border: 1px solid #e0e0e0;
	border-radius: 0 0px 5px 5px;
	background: #f6f6f6; border-top: 0px !important;}
div .category-image-menu {float: right;width:135px; overflow:hidden; }

/* padding below adjusts alignment of 3rd layer ipad menu */
@media only screen and (min-width: 230px) and (max-width: 850px) {
.menu-mobile a.level2:link, .menu-mobile a.level2:visited {padding: 0px 0px;border-radius: 2px; font-size:18px !important; text-indent: 25px !important; padding-top: 0px !important; font-weight:600 !important; margin-left: 50px !important;  }
.menu-mobile a.level2:link:hover{color:#333 !important;}
#custommenu-mobile{display:block !important;}

}

@media only screen and (min-width: 230px) and (max-width: 768px) {
	#custommenu{display:none !important;}
}

@media only screen and (min-width : 768px) and (max-width : 850px) {
	.nav-primary a.level0 {
		padding-left: 5px;
		padding-right: 5px;
	}
	#custommenu div.menu .parentMenu a {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media only screen and (min-width : 849px) and (max-width : 1024px) {
	.nav-primary a.level0 {
		padding-left: 10px;
		padding-right: 10px;
	}
	#custommenu div.menu .parentMenu a {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media only screen and (min-width : 1025px) {
	.nav-primary a.level0 {
		padding-left: 20px;
		padding-right: 20px;
	}
	#custommenu div.menu .parentMenu a {
		padding-left: 20px;
		padding-right: 20px;
	}
}