/* 
 * This is a sample custom stylesheet.  Copy it to ubermenu/custom/custom.css and 
 * set your Style Application setting to 'Custom' to start customizing 
 */


/**********************************************************************
 * UberMenu Skin: Custom
 * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com
 **********************************************************************/



/* Menu Bar */


#megaMenu{
	background-attachment: scroll;
	background-image: url(http://thebanque.com/wp-content/uploads/2014/02/nav-right1.png);
	background-repeat: no-repeat;
	background-position: right top;
	height:50px;

}

#megaUber {
	background-attachment: scroll;
	background-image: url(http://thebanque.com/wp-content/uploads/2014/02/nav-left1.png) !important;
	background-repeat: no-repeat !important;
	background-position: left top;	
	height:50px;
	
}

#megaMenu ul li.menu-item {
  font-size: 17px;
  letter-spacing: 0;
  list-style-image: none;
  text-transform:uppercase;
  font-family: "Oswald",Arial,Helvetica,sans-serif !important;
  font-weight:200;
  color:#fac49c;
}

/* Top Level Menu Items: standard */
#megaMenu ul.megaMenu > li.menu-item > a,
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle{
	color:#fac49c;
	text-shadow: 0 1px 1px #050505;
}

#megaMenu ul.megaMenu li.menu-item > a span, #megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator span {
 text-shadow: 0 1px 2px #050505;
}


/* Top Level Menu Items: Hover */
#megaMenu ul.megaMenu > li.menu-item:hover > a, 
#megaMenu ul.megaMenu > li.menu-item > a:hover, 
#megaMenu ul.megaMenu > li.menu-item.megaHover > a,
#megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator, 
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator:hover, 
#megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator{
	color:#FFFFFF;
	border-bottom-color:transparent !important;
}
/* Top Level Menu Items: Hover over link or submenu */
#megaMenu ul.megaMenu > li.menu-item:hover > a, 
#megaMenu ul.megaMenu > li.menu-item.megaHover > a,
#megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator, 
#megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator{
	border-color:transparent;
}

/* Top Level: Current Menu Item */
#megaMenu ul.megaMenu > li.menu-item.current-menu-item > a{
	color:#e53c2c !importantXZCCCCCCCCCCCCCCCCCC;
}

#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, 
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu{
	border-color:#e9e9e9;
	color:#999;
	text-shadow:0px 1px 1px #fff;
	box-shadow:1px 1px 1px #ddd;
}
#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega:hover > a, #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-reg.mega-with-sub:hover > a, #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega.megaHover > a, #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-reg.mega-with-sub.megaHover > a{
	border-bottom-color:#000;
}
#megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1, #megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu{
	background-color:#f9f9f9;
}
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item a, #megaMenu ul ul.sub-menu li.menu-item a{
	color:#888;
	font-size:18px !important;
	text-shadow:0px 1px 1px #fff;
	text-transform: uppercase !important;
}
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a, 
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item:hover > a, 
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a,
.wpmega-widgetarea h2.widgettitle{
	color:#777;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0 1px 2px #050505;
	
	padding-bottom:.35em;
	border-bottom:1px dotted #e9e9e9;
}
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item a:hover, #megaMenu ul ul.sub-menu > li.menu-item:hover > a{
	/*background-color:#222;
	color:#fff;
	text-shadow:0px 1px 1px #000;*/
	color:#000;
}
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.ss-nav-menu-highlight > a{
	color:#8f0000;
}
.ss-nav-menu-with-img .wpmega-link-title, .ss-nav-menu-with-img .wpmega-link-description{
	/*padding-left:20px;*/
}
.ss-nav-menu-with-img{
	min-height:20px;
}

#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item > ul.sub-menu{
	top:-1px;
	border-left-color:#e9e9e9;
}

#megaMenu ul.megaMenu li.menu-item a span.wpmega-item-description{
	font-size:9px;
	color:#bbb;
	text-transform:uppercase;
}
#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"]{
	color:#777;
}


#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist img {
	background:#fff;
	border:1px solid #ddd;
	float:left;
	padding:4px;
}

/* IE7 Hacks */
#megaMenu.megaMenuHorizontal ul.megaMenu{
	*border-bottom:none;
}
#megaMenu.megaMenuVertical ul.megaMenu{
	*border-right:none;
}

/* Top Level Searchbar */
#megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li.menu-item > form#searchform input[type="text"]{
	background:#d9d9d9;
	color:#444;
	text-shadow:0px 1px 1px #fff;
}
#megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li.menu-item > form#searchform input[type="submit"]{
	background-color:#aaa;
	border-color:#000;
}