/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-orange > li > a { ... } instead of .sm-orange a { ... }
---------------------------------------------------------------*/
/*Top Bar (login, search etc.)
------------------------------------*/
.top {
	padding-top: 8px;
}

.top ul.loginbar {
	margin: 0;
	padding: 0;
	position: relative;
}

.top ul.loginbar > li {
	display: inline;
	list-style: none;
	padding-bottom: 15px;
}

.top ul.loginbar > li > a, 
.top ul.loginbar > li > a:hover {
	font-size: 10px;
	color:black;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}

.top ul.loginbar li.devider { 
	top: -1px;
	padding: 0;
	font-size: 10px;
	position: relative;
	margin: 0 9px 0 5px;
	font-family: Tahoma;
	border-right: solid 1px #bbb;
}

.top ul.loginbar li i.icon-globe { 
	color: #bbb;
}


/*Header Default
------------------------------------*/
.header {
	z-index:999;
	position:relative;
	border-bottom:solid 2px #eee;
}

.header .navbar {
	margin: 0;
}

.header .navbar-default {
	border: none;
	background: none;
}

.header .navbar-collapse {
	position: relative;
	/*max-height: inherit;*/
}

/*Brand*/
.header .navbar-brand { 
	z-index: 2;
	position: relative;
	padding: 0 10px 10px;
}

/*Navbar*/
.header .navbar-default .sm-orange > li > a {
	color: #7C8082;
	font-size: 14px;
	font-weight:400;
	padding: 5px 20px;
	text-transform: uppercase;
}

.header .navbar-default .sm-orange > .active > a {
	color: #ffa500;
}

/*Dropdown*/
.header .navbar-right .dropdown-menu {
	right: inherit;
}

.header .navbar .nav > li > a i.icon-angle-down {
	top: -1px;
	left: 1px;
	font-size: 10px;
	position: relative;
	margin: 0 !important;
}

/*Navber Toggle*/
.navbar-toggle,
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background: #ffa500;
}

.navbar-toggle:hover {
	background: #ffa500 !important;
}

.navbar-default .navbar-toggle {
	border-color: #ffa500;
}

.navbar-default .navbar-toggle .icon-bar {
	background: #fff;
}


/*Responsive @Media 
------------------------------------*/
@media (min-width: 767px) {
	/*Navbar Collapse*/
	.header .navbar-collapse {
		padding: 0;
	}

	/*Navbar*/
	.header .navbar-nav {
		top: 2px;
		margin-top: 10px;
		position: relative;
	}

	.header .navbar-default .navbar-nav > li > a,
	.header .navbar-default .navbar-nav > li > a:focus {	
		border-bottom: solid 2px transparent;
	}

	.header .navbar-default .navbar-nav > li > a:hover,
	.header .navbar-default .navbar-nav > .active > a {
		color:black;
	}

	.header .navbar-default .navbar-nav > li > a,
	.header .navbar-default .navbar-nav > li > a:hover,
	.header .navbar-default .navbar-nav > li > a:focus,	
	.header .navbar-default .navbar-nav > .active > a, 
	.header .navbar-default .navbar-nav > .active > a:hover, 
	.header .navbar-default .navbar-nav > .active > a:focus {
		background: none;
	}

	.header .navbar-default .navbar-nav > .open > a,
	.header .navbar-default .navbar-nav > .open > a:hover,
	.header .navbar-default .navbar-nav > .open > a:focus {
		color: #ffa500;
	}

	/*Dropdown Menu*/
	.header .dropdown-menu { 
		padding: 0;
		border: none;
		min-width: 200px;
		border-radius: 0; 
		z-index: 9999 !important;
		margin-top: -2px !important; 
		border-top: solid 1px #ffa500; 
		border-bottom: solid 1px #7C8082; 
	}

	.header .dropdown-menu li a { 
		color: #687074; 
		font-size: 12px; 
		font-weight: 400; 
		padding: 6px 15px; 
		border-bottom: solid 1px #eee;
	}

	.header .dropdown-menu .active > a,
	.header .dropdown-menu li > a:hover {
		color: #687074;
		filter: none !important;
		background: #7C8082 !important;
	}

	.header .dropdown-menu li > a:focus {
		background: none;
		filter: none !important;
	}

	/*Search Box*/
	.header .navbar .search-open {
		width: 330px;
	}	
}

@media (max-width: 767px) {
	/*Search Box*/
	.header .navbar .search-open {
		left: 20px; 
		top: inherit;
		bottom: -5px; 
		padding: 15px;
		border-top: none;
		box-shadow: none;
		background: none; 
	}	
}

/* Menu box
===================*/

	.sm-orange {
		border-bottom:1px solid #f2f2f2;
		background:#fff;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	.sm-orange-vertical {
		border-right:2px solid #f2f2f2;
		border-bottom:0;
	}
	.sm-orange ul {
		padding:8px 0;
		background:white;
		-moz-border-radius:0 4px 4px 4px;
		-webkit-border-radius:0 4px 4px 4px;
		border-radius:0 4px 4px 4px;
		-moz-box-shadow:0 3px 3px rgba(0,0,0,0.25);
		-webkit-box-shadow:0 4px 3px rgba(0,0,0,0.25);
		box-shadow:0 4px 3px rgba(0,0,0,0.25);
	}
	.sm-orange-vertical ul,
	.sm-orange ul ul {
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
	}


/* Menu items
===================*/

	.sm-orange a {
		border-bottom:1px solid #fff;
		padding:11px 20px 9px 20px;
		color:#687074;
		font-size:12px;
		text-decoration:none;
	}
	.sm-orange a:hover, .sm-orange a:focus, .sm-orange a:active {
		background:#ffffff;
		color:#e5e5e5;
	}
	.sm-orange a.highlighted {
		border-bottom-color:#e5e5e5 !important;
		background:black;
		color:#000;
		-moz-box-shadow:0 4px 3px rgba(0,0,0,0.25);
		-webkit-box-shadow:0 4px 3px rgba(0,0,0,0.25);
		box-shadow:0 4px 3px rgba(0,0,0,0.25);
	}
	.sm-orange-vertical a {
		-moz-border-radius:4px 0 0 4px;
		-webkit-border-radius:4px 0 0 4px;
		border-radius:4px 0 0 4px;
	}
	.sm-orange-vertical a:hover, .sm-orange-vertical a:focus, .sm-orange-vertical a:active,
	.sm-orange-vertical a.highlighted {
		border-bottom-color:#f2f2f2 !important;
		background:#7C8082;
		color:#e5e5e5;

	}
	.sm-orange ul a {
		border-bottom:0;
		padding:5px 20px;
		font-size:12px;

	}
	.sm-orange ul a:hover, .sm-orange ul a:focus, .sm-orange ul a:active,
	.sm-orange ul a.highlighted {
		background:#7C8082;
		color:#f2f2f2;

	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-orange a.current, .sm-orange a.current:hover, .sm-orange a.current:focus, .sm-orange a.current:active {
		border-bottom-color:#f2f2f2;
	}
	.sm-orange-vertical a.current, .sm-orange-vertical a.current:hover, .sm-orange-vertical a.current:focus, .sm-orange-vertical a.current:active {
		border-bottom-color:#fff;
	}
	.sm-orange ul a.current, .sm-orange ul a.current:hover, .sm-orange ul a.current:focus, .sm-orange ul a.current:active {
		border-right:0;
		font-weight:bold;
	    border-bottom: solid 0px #eee;
	}
	.sm-orange a.has-submenu {
		padding-right:32px;
	}


/* Sub menu indicators
===================*/


/* Items separators
===================*/

	.sm-orange li {
	}
	.sm-orange li:first-child,
	.sm-orange-vertical li,
	.sm-orange ul li {
		border-left:0;
	}


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." in the default download package
===================*/

	.sm-orange span.scroll-up, .sm-orange span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#f2f2f2;
		height:13px;
		/* width and position will be automatically set by the script */
	}
	.sm-orange span.scroll-up-arrow, .sm-orange span.scroll-down-arrow {
		position:absolute;
		top:6px;
		left:50%;
		margin-left:-8px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-bottom:8px solid #ffae19; /* tweak size of the arrow */
		border-left:6px dashed transparent;
		border-right:6px dashed transparent;
	}
	.sm-orange span.scroll-down-arrow {
		border-top:8px solid #ffae19; /* tweak size of the arrow */
		border-bottom:0;
	}


/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/


/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 850px) {
	.sm-orange:not(.sm-orange-vertical) > li > a {
		padding-left:18px;
		padding-right:18px;
	}
}
@media screen and (max-width: 750px) {
	.sm-orange:not(.sm-orange-vertical) > li > a {
		padding-left:10px;
		padding-right:10px;
	}
}

@media screen and (max-width: 750px) {

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-orange{width:auto !important;}
	ul.sm-orange ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.sm-orange>li{float:none;}
	ul.sm-orange>li>a,ul.sm-orange ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-orange iframe{display:none;}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-orange ul, .sm-orange span.sub-arrow, .sm-orange iframe {
		display:none !important;
	}*/


/* Menu box
===================*/

	.sm-orange {
		border-bottom:2px solid #ffae19;
		border-right:0;
	}
	.sm-orange ul {
		border:0;
		padding:0;
		/* darken the background of the sub menus */
		background:rgba(104,112,116,0.2);
		-moz-border-radius:0 !important;
		-webkit-border-radius:0 !important;
		border-radius:0 !important;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}


/* Menu items
===================*/

	.sm-orange a {
		border:0 !important;
		padding:13px 23px !important;
		background:transparent !important;
		color:#687074 !important;  
		-moz-border-radius:0 !important;
		-webkit-border-radius:0 !important;
		border-radius:0 !important;
		-moz-box-shadow:none !important;
		-webkit-box-shadow:none !important;
		box-shadow:none !important;
}

.header .navbar-default .navbar-nav > .active > a {
	color: #ffae19;
}
	}
	.sm-orange a.current {
		font-weight:bold;
		border: 0px;
	}
	
	.sm-orange ul a.current {
		background: #7C8082!important;
		color:white !important;
	}
	
	/* add some text indentation for the 2+ level sub menu items */
	.sm-orange ul a {
		border-left:8px solid transparent !important;
		border-bottom: solid 1px #eee;
		border-top: solid 1px #eee;
	}
	.sm-orange ul ul a {
		border-left:16px solid transparent !important;
		border-bottom: solid 1px #eee;
		border-top: solid 1px #eee;
	}
	.sm-orange ul ul ul a {
		border-left:24px solid transparent !important;
		border-bottom: solid 1px #eee;
		border-top: solid 1px #eee;
	}
	.sm-orange ul ul ul ul a {
		border-left:32px solid transparent !important;
		border-bottom: solid 1px #eee;
	}
	.sm-orange ul ul ul ul ul a {
		border-left:40px solid transparent !important;
		border-bottom: solid 1px #eee;
	}



/* Items separators
===================*/
	.sm-orange li {
		border-left:0;
		border-top:0px solid #999999;
	}
	.sm-orange ul li {
		border-top:0px solid #f2f2f2;
	}

	.sm-orange li {
		border-top:0;
	}
		.sm-orange ul {
		border-top:0;
		border-left:0;
		border-right:0;
	}
	
	.header .ul .nav .li .ul a{
	color: #7C8082;
	font-size: 12px;
	font-weight: 400;
	padding: 6px 15px;
	border-bottom: solid 0px #eee;
	}

}