
.menu-top-secondary .menu {
    border: 0 solid black;
    float: right;
    font-size: 12px;
}
.menu-top-secondary ul {
    float: left;
    margin: 5px 6px 0 0;
    padding: 0;
}
.menu-top-secondary li {
    display: inline;
    list-style-type: none;
}
.menu-top-secondary li a {
    border-right: 1px solid #595959;
    color: #c7c5c5;
    padding: 0 8px;
	font-size:12px;
}
.uae-arabic .menu-top-secondary li a {
	padding: 0 6px;
}
.menu-top-secondary li a:hover {
    text-decoration: underline;
}
.menu-top-secondary li.last a {
    /*border-right: 0 solid white;*/
}
.menu-top-secondary #primaryNavRight {
    border: 0 solid red;
    float: right;
    padding: 3px 0 0;
}

.menu-top-secondary .menu .inner-mega-menu {
	display:none;
}

#primaryNav .view-id-menu_content, #primaryNav ul.menu  {
	xdisplay:none;
}

#primaryNav {
	padding:0px 0 6px 0;
	border:0px solid black;
	float:left;
}
#primaryNav .links {
	float:left;
	padding:0 5px 0 0;
}
#primaryNav li, #header .secondaryNav li {
	display:inline;
	list-style:none;
	line-height:normal;
	padding:5px 0;
}
#primaryNav li.nav-divider {
    border-left: 1px solid #d9d9d9;	
}
#primaryNav li a {
	font-size:15px;
}
#primaryNav li a  {
	display:inline-block;
	padding:5px 20px 5px 18px;
	color:#666666;
	color:#000;
	margin:0;
	background-repeat:no-repeat;
	background-position:right;
	text-transform: uppercase;
	border-right:1px solid #CCC;
}
#primaryNav li a:hover {
	color:#219ce0;
	xbackground-color:#CCCCCC;
}
#primaryNav li.active a, #header #primaryNav li.active-trail a  {
	color:#219ce0;
}
#primaryNav li a.selected {
	color:#219ce0;
}
#primaryNav li a.selectedSub {
	background-repeat:repeat-x;
	background-position:0 12px;
}
#primaryNav li a.selectedRight {
	background-position:right 12px;
}
#primaryNav li a.grey {
	color:#CCC;
}
#primaryNav .secondary-mega {
	position:absolute;
	display:none;
	border:1px solid #000;
	width:675px;
	background-color:#fff;
}
#primaryNav .inner-mega-menu {
	border:0px solid red;
	display:none;
}
#primaryNav ul.menu ul.menu li a {
	display:block;
	font-weight:normal;
	font-size:0.9em;
}

#primaryNav {
	position:absolute;	
	z-index:1010;
}

#secondary-mega-container {
	position:relative;
	z-index:1000;
}
#primaryNav ul, .secondary-mega ul {
	margin:0;
	padding:0;
	list-style:none;
}
#primaryNav ul.menu ul.menu {
	display:none;	
}
#primaryNav a, .secondary-mega a {
	text-decoration:none;
}
#primaryNav li a.selected {
	background-color:#fff;
    color: #06C;
}
.secondary-mega {
	padding:0 5px 5px 5px;
	position:absolute;
	display:none;
	xwidth:555px;
	background: url(/themes/oneresponsivev2/assets/images/mega-menu-bg1.png) repeat;  
}

.secondary-mega div.contai {
	padding:13px;
	background-color:white;
	border:1px solid #CCC;
}
.secondary-mega ul li a {
	padding:2px 0px 3px 0px;
	border-bottom:1px solid #e2e2e2;
	display:block;
	color:#666;
}
.secondary-mega ul li a:hover {
	color:#219ce0;
	xpadding-left:5px;
	background-color:#f8f8f8;
}
.secondary-mega div.contai .left-mega {
	width:225px;
	float:left;
	border:0px solid #000;
}

#primaryNavContainer .secondary-mega div.selected .focus-mega {
	cursor:pointer;
	border:1px solid #b2b2b2;
}
#primaryNavContainer .secondary-mega div.selected .focus-mega a.readmore {
	color:#219ce0;	
	background-position:right -32px;
}
.secondary-mega p {
	padding:0;
	margin:0;
	margin-bottom:0.7em;
}
.secondary-mega div.contai .focus-mega {
	margin-left:25px;
	width:280px;
	padding:15px;
	border:1px solid #e2e2e2;
	background-color:#e2e2e2;
	min-height:100px;
	float:right;
}
.secondary-mega div.contai .focus-mega h3 {
	font-size:1.2em;
	font-weight:normal;
	border-bottom:1px solid #666;
	padding:7px 0px 5px 0px;
	margin-bottom:0.5em;
	font-family:'Oxygen', Arial, Helvetica, sans-serif;
}
.secondary-mega div.contai .focus-mega a {
	border:0px solid black;
	display:inline-block;
	color:#333;	
	font-size:1.1em;
	font-weight:bold;
	padding:0 15px 0 0;
	margin:0 12px 0 0;
	background-image:url(/themes/oneresponsivev2/assets/images/link-arrow.png);
	background-repeat:no-repeat;
	background-position:right 4px;
}

#primaryNav div.inner-mega-menu {
	display:none;
}
#primaryNav ul.menu li {
	display:inline;
}
#primaryNav ul.menu li a {
	display:block;
	float:left;
	padding:5px 17px 5px 15px;
	color:#FFF;
	margin:0;
	background-repeat:no-repeat;
	background-position:right;
	text-transform: uppercase;
	border-right:1px solid #c3c3c3;
}

#primaryNav ul.menu li a.selected {
	background: url(/themes/oneresponsivev2/assets/images/primarynav-bg-selected.png) repeat-x;  
	border-top:0px solid #CCC;
	color:#219ce0;
}
#primaryNav ul.menu li.first a {
}
#primaryNav ul.menu li.first a.selected {
	border-left:1px solid #CCC;
}
#primaryNav ul.menu li.last a {
	border-right:0px solid #FFF;
}
#primaryNav ul.menu li.last a.selected {
	border-right:1px solid #CCC;
}


.leftColumn .menu-block-wrapper {
	margin-bottom:1em;	
	position:relative;
	z-index:100;
	border-top:1px solid #d4d4d4;
}
.leftColumn .menu-block-wrapper ul, .leftColumn .rapidTracks ul, .leftColumn .relatedLinks ul {
	margin:0;
	padding:0;
	list-style:none;
}
.leftColumn .block-menu-block h2 {
	display:none;	
}
.domain-vimarkets-me .leftColumn .menu-block-wrapper ul li a {
	display:block;
	border-bottom:1px solid #d4d4d4;
	color: #343434;
	font-size:13px;
	margin:1px 0 1px 0;
	text-align:left;
	padding:5px 23px 5px 10px;
	background-image:url(/themes/oneresponsivev2/assets/images/link-arrow-4-axi.png);
	background-repeat:no-repeat;
	background-position:right 8px;
}
.leftColumn .menu-block-wrapper ul li a {
	display:block;
	border-bottom:1px solid #d4d4d4;
	color: #343434;
	font-size:13px;
	margin:1px 0 1px 0;
	text-align:left;
	padding:5px 23px 5px 10px;
	background-image:url(/themes/oneresponsivev2/assets/images/link-arrow-2.png);
	background-repeat:no-repeat;
	background-position:right 8px;
}
.leftColumn .rapidTracks ul li a {
	display:block;
	background-color:#002b5c;
	border:1px solid #002b5c;
	color:white;
	font-size:13px;
	margin:4px 0 1px 0;
	text-align:left;
	padding:5px 23px 5px 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
	background-image:url(/themes/oneresponsivev2/assets/images/link-arrow-2.png);
	background-repeat:no-repeat;
	background-position:right 6px;
}
.leftColumn .menu-block-wrapper ul.menu ul.menu {
	padding:0 0 0 10px;
}
.leftColumn .menu-block-wrapper ul.menu ul.menu li a {
	font-weight:normal;
	padding:3px 23px 3px 10px;
	background-position:right 3px;
}

.secondayNav ul li a:hover, 
.leftColumn .menu-block-wrapper ul li a:hover, 
.leftColumn .menu-block-wrapper ul.menu ul.menu li a:hover,
.leftColumn .menu-block-wrapper ul.menu ul.menu li a.active,
.leftColumn .menu-block-wrapper ul li a.active, 
.menu-block-wrapper ul li a.active-trail
{
	background-color:#f3f3f3;
	color:#00acf2;	
	background-position:right -77px;
}
.menu-block-wrapper ul li a.active-trail
{
	color: #616161;
	background-color:#f3f3f3;
	background-position:right -177px;
}

.leftColumn .rapidTracks {
	margin-bottom:1em;	
}
.leftColumn .rapidTracks  ul li a.fundAccount {
	background-color:#00b8e4;	
	background-image:url(/themes/oneresponsivev2/assets/images/fund-account.jpg);
	border:1px solid #00a2c8;
	background-position:top right;
}
.leftColumn .rapidTracks  ul li a.liveAccount {
	background-color:#008a8a;
	background-image:url(/themes/oneresponsivev2/assets/images/live-account.jpg);
	border:1px solid #017978;
	background-position:top right;
}
.leftColumn .rapidTracks  ul li a:hover {
	background-position:right -105px;
	color:white;
}

/*
SLIDING NAVIGATION
*/

/* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0
}

/* put toggle bars on the left :: not using button */
#logo .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 25px;
    height: 40px;
    padding: 0px 0 0 0;
    margin:0 10px 0 0px;
    border: 0;
    background: transparent;
}

/* icon bar prettyup - optional */
#logo .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
    background: #219ce4;
}

/* Extra Small Devices, Phones */ 
@media (max-width : 480px) {
	#logo .navbar-toggle {
	    width: 20px;
	    margin:0 5px 0 0px;
	}
	#logo .navbar-toggle > .icon-bar {
	    margin: 4px 0 0 0;
	}
}
#logo .navbar-toggle.slide-active .icon-bar {
    background: orange
}

/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}
/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width:992px) { 
	#primaryNav ul.menu li a {
		font-size:12px;
	}
	.secondary-mega .focus-mega {
		display:none !important;
	}
}
/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width:767px) { 
	#slide-nav {
	    background-color: #f7f7f7;
	}
	#slide-nav .container {
	    margin: 0;
	    padding: 0!important;
	    background-color: #f7f7f7;
	}
	#slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 0 15px;
	}
	#slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 80%;
	    top: -1px;
	    z-index: 1000;
	}
	#slide-nav #slidemenu {
	    background: #f7f7f7;
	    left: -100%;
	    width: 80%;
	    min-width: 0;
	    position: absolute;
	    z-index: 2;
	    top: -8px;
	    margin: 0;
		height:100%;
		padding-right:5px;
		padding-left:5px;
	}
	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
	    min-width: 0;
	    xwidth: 80%;
	    white-space: normal;
	}
	#slide-nav {
	    border-top: 0
	}
	#slide-nav #slidemenu {
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#slide-nav #navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
	    xwidth: 80%;
	    xleft: -80%;
	    background: #eee;
	}
	#slide-nav #navbar-height-col {
	    background: #002c5e;
	    z-index: 1;
	    border: 0;
	}
	#slide-nav .navbar-form {
	    width: 100%;
	    margin: 8px 0;
	    text-align: center;
	    overflow: hidden;
	    /*fast clearfixer*/
	}
	#slide-nav .navbar-form .form-control {
	    text-align: center
	}
	#slide-nav .navbar-form .btn {
	    width: 100%
	}
	#primaryNavContainer, .menu-top-secondary .container #site-search, .menu-top-secondary .container #primaryNavRight, .menu-top-secondary .container .menu {
		display:none;
	}
	#primaryNavContainer, .menu-top-secondary .container {

	}
	
	#slidemenu .views-field-field-mega-menu, #slidemenu .views-field-field-mega-introduction {
		display:none;
	}
	

	#slide-nav {
		height:100%;
		border:0px solid #000000;
	}
	#slide-nav div.container {
		height:100%;
		border:0px solid #000000;
		background-color:transparent;
		
	}
	#slidemenu .menu {
		display:block;
	}
	#slidemenu .menu li ul.menu {
		display:none;
	}
	#slidemenu .menu li.active-trail ul.menu {
		display:block;
	}
	.leftColumn {
		display:none;
	}
	#slidemenu {
		padding-top:20px;
	}
	#slidemenu ul.menu:first-child {
	 	padding:0px;
	}
	#slidemenu ul {
		padding-left:25px;
	}
	#slidemenu nav ul {
		padding-left:0px;
	}
	#slidemenu nav ul li a {
		font-weight:bold;
	}
	#slidemenu li {
		list-style-type: none;
	}	

	
	#slidemenu li a {
		border-bottom:1px solid #ccc;
		margin:2px 0px;
		display:block;
		padding:5px 0px 5px 10px;
		background-color:#e9edf1;
		color:black;
		font-size:14px;
	}	
	#slidemenu li a:hover {
		background-color:#d7dae2;
	}
	#slidemenu li a.active {
		background-color:#d7dae2;
	}
	#slidemenu li a span.link-arrow {
	    color: #002c5e;
	    float: right;
	    font-size: 14px;
	    left: 12px;
	    text-align: center;
	    text-shadow: none;
	    top: -1px;
		padding:5px 15px 5px 15px;
	    background-color:#ced9e5;
	    margin:-5px 0 0 0;
	    border-left:1px solid #ffffff;
	}
	#slidemenu li.expanded a  {
		font-size:14px;
		font-weight:bold;
	}	
	#slidemenu li.expanded a::before {
	    color: #002c5e;
		font-family: FontAwesome;	
	    content: "\f067";
	    font-size: 14px;
	    left: 12px;
	    text-align: center;
	    text-shadow: none;
	    top: -1px;
	    width: 12px;
	    padding-right:10px;
	}
	#slidemenu li.leaf a  {
		font-size:14px;
		font-weight:normal;
	}	
	#slidemenu li.leaf a::before  {
		content: none;
	}	
	
	.mobile-nav-right, .mobile-search {
		margin-bottom:10px;
	}

	#slidemenu .mobile-nav-bottom-right .btn {
	    background-image: url("/themes/oneresponsivev2/assets/images/search_box_bg.png");
	    border: 1px solid #7b7979;
	    line-height: inherit;
	    margin: 0 0 0 5px;
		padding: 4px 5px;    
	}
	#slidemenu .mobile-nav-bottom-right .btn {
	    color: #fff;
	    position: relative;
	}
	#slidemenu .mobile-nav-bottom-right .btn:hover {
	    background-image: url("/themes/oneresponsivev2/assets/images/search_box_bg_on.png");
	    color: #f1f1f1;
	}
	
	.mobile-nav-right .dd .ddTitle {
		padding-top:2px;
		padding-bottom:3px;
		margin-bottom:5px;
		cursor:pointer
	}

	#slidemenu .mobile-search .btn {
		background-color:#003983;
		border:1px solid #003983;
	}
	
	#slidemenu .mobile-search .btn:hover {
		background-color:#524f4f;	
		border:1px solid #524f4f;		
	}	

}

@media (min-width:768px) { 
	#page-content {
	    left: 0 !important;
	    right: 0 !important;
	}
	#slide-nav {
		display:none;
	}

}
/*#primaryNav ul.menu li a.selected ,*/
body.domain-ar-vimarkets-me #primaryNav ul.menu li a.selected,
body.domain-vimarkets-me #primaryNav ul.menu li a.selected {
	background: url("/themes/oneresponsivev2/assets/images/primarynav-bg-selected.png") repeat-x;
	border-top:0px solid #CCC;
	color:#FF3531;
}
body.domain-vimarkets-me #primaryNav {
	margin-left: -6px;
}
body.domain-vimarkets-me #primaryNav ul.menu li.first a {
	padding-left: 7px;
}
body.domain-ar-vimarkets-me .secondary-mega ul li a:hover ,
body.domain-vimarkets-me .secondary-mega ul li a:hover {
	color:#FF4D46;
	padding-left:5px;
	background-color:#f8f8f8;
}
body.domain-vimarkets-me #secondaryNav_0 {
	padding:0 5px 5px 2px;
}
body.domain-ar-vimarkets-me .leftColumn .rapidTracks  ul li a.fundAccount ,
body.domain-vimarkets-me .leftColumn .rapidTracks  ul li a.fundAccount {
	background: rgb(185,0,0);
	background: linear-gradient(3deg, rgba(185,0,0,1) 0%, rgba(218,0,0,1) 48%, rgba(250,0,0,1) 100%);
	border: 1px solid #fa0000;
}

body.domain-ar-vimarkets-me .menu-block-wrapper ul li a.active-trail,
body.domain-vimarkets-me .menu-block-wrapper ul li a.active-trail
{
	background-color:#f3f3f3;
	color:#FF3531;
	background-position:right -77px;
}
body.domain-ar-vimarkets-me .leftColumn .menu-block-wrapper ul li a:hover
body.domain-vimarkets-me .leftColumn .menu-block-wrapper ul li a:hover
{
	color: #f54747;
}


