/*** logout ***/
.logout {
	z-index:103;
    float: none;
    margin:0px;
    position: absolute;
    top: 20px;
    right: 20px;
}

@media (max-width: 1000px ) {
	.navbar-inverse a.logout{
		top:15px;
	}
}

@media (max-width: 700px ) {
	.navbar-inverse a.logout{
		top:0px;
	}
}

.header-alert{
    background:red;
    color:#fff;
    padding:20px 0px;
}

/*** navbar navbar-default navbar-fixed-top navbar-inverse ***/
.navbar{
    height:auto;
    margin-bottom: 0px;
	background:#fff;
	border:none;
	border-bottom:1px solid #d0d2ce;
}

/*** container container-header mainheader  ***/
.navbar .container-header{
	padding-bottom: 20px;
	position: relative;
    padding-left: 60px;
	padding-right: 60px;
	max-width: 1600px !important;
}

/*** navbar-top navbar-bottom ***/
.navbar-top,
.navbar-bottom{
	width:100%;
	display: inline-block;
	position: relative;
	margin-top:10px;
}
.navbar-top{
	z-index:2;
}
.navbar-bottom{
	padding-bottom:10px;
	z-index:1;
}

/*** navbar-logo ***/
.navbar-top .navbar-logo{
    display:inline-block;
	margin:0;
	z-index:1;
	padding:15px;
	padding-left:0px;
}

.navbar-top .navbar-logo img{
	max-width:150px;
}

/*** navbar-markets ***/
.navbar-top .select-holder {
	display:inline-block;
	position: absolute;
    right: 0px;
	top:0px;
    margin-top: 15px;
	width:240px;
}


/*** main nav  - #nav .collapse navbar-collapse navbar-ex1-collapse***/
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
	padding-top:5px;
}

/*** ul - nav navbar-nav sm  ***/


.navbar-nav {
    margin: 0;
}
.navbar-nav > li {
}

.navbar-nav > li.dropdown{
	margin-right:10px;
}

.navbar-inverse .navbar-nav > li > a{
	line-height: normal;
	padding:0px;
	padding-right: 2.5em;
	background:none !important;
	color:#999;
}

.navbar-inverse .navbar-nav > li:first-child > a{
	padding-left: 0px;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li.open > a, 
.navbar-inverse .navbar-nav > li.open > a:hover, 
.navbar-inverse .navbar-nav > li.open > a:focus,
.navbar-inverse .navbar-nav > li.active > a, 
.navbar-inverse .navbar-nav > li.active > a:hover, 
.navbar-inverse .navbar-nav > li.active > a:focus{
	color:#f60;
}

.navbar-inverse .navbar-nav > li.active-news a{
	color:#f60;
}

/*** adding marker in between links
.navbar-inverse .navbar-nav > li > a::after{
	content: '';
	background: #7f7f7f;
	width: 1px;
	height: 1rem;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.navbar-inverse .navbar-nav > li:last-child > a::after {
	background:none;
}
***/

/** CAUSING ISSUES WITH NEW SMARTMENUS CODE - from old menustyle.css
.dropdown:hover>ul{display:block;}
*/
.dropdown:hover>ul{display:none;}


/** DROP DOWN ARROWS */
/** top main nav*/
.nav .dropdown .caret {
    position:absolute;
	height:auto;
	border:none;
	background: none;
    width: 8px;
	padding-left:10px;
}

.nav .dropdown .caret::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
  	content: "\f107";
}

/** within dropdown menus*/
.nav .dropdown .dropdown .caret{
    width: 8px;
    height: 20px;
    margin-right: 10px;
	position:absolute;
	right:0px;
	bottom:5px;
    vertical-align: middle;
	background: none;
}
.nav .dropdown .dropdown .dropdown .caret{
	bottom:10px;
}

.nav .dropdown .dropdown .caret::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
  	content: "\f105";
}


.navbar-nav .sub-arrow, 
.navbar-nav .collapsible .sub-arrow {
	display:none;
}


/**** DROP DOWN MENUS ****/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px;
    margin: 0px;
    list-style: none outside none;
    background: #000;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    background-clip: padding-box;
    font-size:1em;
}

.nav .dropdown .dropdown-menu {
	top: 52px;
	width:170px;
	min-width:170px;
	max-width:250px;
}

/*** next level drop down nav */
.nav .dropdown .dropdown-menu .dropdown-menu {
    top: 0px;
    margin-left:0px;
    left:100%;
}

.dropdown-menu > li > a {
    display: block;
	margin:0px;
	padding: 5px 12px;
    clear: both;
    color: #fff;
    white-space: nowrap;
	background:none;
}

.dropdown-menu.sm-nowrap > li > a {
    white-space: normal;
}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus{
    color: #f60;
	background:none;
}


/*** NAV TOGGLE ***/
.navbar-inverse .navbar-toggle {
	position: absolute;
    top: 0px;
	left:0px;
    border:none;
    padding: 0;
	padding: 5px;
	padding-left: 20px;
    margin: 0;
}

.navbar-inverse .navbar-toggle .icon-bar {
    width: 30px;
    height: 2px;
    border-radius: 0px;
    background-color: #f60;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus{
	background:none;
}

.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar{
    background-color: #000;
}

.navbar-inverse .navbar-toggle:focus .icon-bar{
    background-color: #f60;
}

/** OTHER BITS ***/
.navbar-nav ul.sm-nowrap > li > a {
    white-space: normal;
}


ul.nav.navbar-nav {
    position: relative;
    left: 0px;
}

.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
    background:none;
    border:none;
}

/*** TOOL NAV ***/

a.close-basket{
    color:#f60;
}

#toolnavwrapper {
    width: auto;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1000;
}

#toolnavwrapper .tool-nav-holder{
	display:inline-block;
    position: relative;
	left: 0px;
    top: 0px;
	height:auto;
	vertical-align:top;
	margin-left:1px;
}

#toolnavwrapper .tool-nav{
	display: block;
	width:auto;
	height:auto;
	padding:0px;
	padding:5px 10px;
	font-size: 1em;
	color:#999;
}

#toolnavwrapper .tool-nav:hover,
#toolnavwrapper .tool-nav:focus{
	color:#f60;
}

#toolnavwrapper .tool-nav.basket .circle{
	display:none;
	width: 16px;
  	height: 16px;
  	border-radius: 50%;
	background: #f60;
  	text-align: center;
  	line-height:0;
	position:absolute;
	top:15px;
	right:0px;
}

#toolnavwrapper .tool-nav.basket.added .circle{
	display:inline-block;
}

#toolnavwrapper .tool-nav.basket .number {
    color: #fff;
    font-size: 10px;
    position: relative;
    top: 7px;
    left: 0px;
    width: auto;
    text-align: center;
	font-family: sans-serif;
}



/*** MOBILE STYLING ***/
/**@media (max-width: 992px) {**/
@media (max-width: 1200px) {
    
	.navbar .container-header{
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom:5px;
	}
	
	.navbar-top,
	.navbar-bottom{
		margin-top:0px;
	}
	.navbar-top{
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar-bottom{
		 overflow-y: auto;
		 padding-bottom:30px;
	}
	
	.navbar .container-header .select-holder {
    	padding-right: 20px;
	}
	.navbar .container-header #markets {
    	right: 20px;
    	margin-top: -15px;
	}
	
	.navbar-toggle {
        display: inline-block;
    }

    #toolnavwrapper {
		padding-right: 20px;
	}


	/*** NAV **/
	.navbar-nav .open .dropdown-menu {
    	position: static;
    	float: none;
    	width: auto;
	}
	.navbar-nav>li {
        float: none;
    }
	.navbar-collapse.in {
   	 	overflow-y: auto;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-inverse .navbar-collapse{
        border:none;
    }
	
	#nav{
		margin-top:30px;
		margin-left: 0px;
	}

	.navbar-nav {
        float: none!important;
    }

	.navbar-nav > li {
		margin:0;
  		padding:0;
  		width:100%;
	}

	.navbar-inverse .navbar-nav > li > a,
	.navbar-inverse .navbar-nav > li:first-child > a{
    	padding: 15px 20px;
		border-bottom:solid 1px #999;
	}
	
	/*** DROPDOWNS **/
	.dropdown-menu > li > a {
		padding:10px 20px;
	}
	
	.nav .dropdown .dropdown-menu {
      max-width: 100%;
      width: 100%;
    }
	.nav .dropdown.open .dropdown-menu {
    	position: static;
	}

	.nav .dropdown .dropdown .caret{
	    right: unset;
        bottom: unset;	
	}
	.nav .dropdown .dropdown .caret::after {
        content: "\f107";
    }
}


/**@media (min-width: 992px){**/
@media (min-width: 1200px) {
	.navbar-nav ul.sm-nowrap > li > a {
		white-space:nowrap;
	}
}

/*** ONLY TO OVERRIDE BOOTSTRAP 767px settings **/
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        background: #000;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, 
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, 
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #f60;
        background:none;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: normal;
    }
    .navbar-nav .open .dropdown-menu > li > a{
        padding:15px 20px;
    }
    .navbar-nav .collapsible ul .dropdown-menu > li > a {
        padding-left: 20px;
    }
    
    /** ADDING IN TO MAKE ARROWS FLOAT FULL WIDTH **/
    .nav .dropdown .caret,
    .nav .dropdown .dropdown .caret{
        position: relative;
        padding-left: 0px;
        margin-right: 0px;
        float: right;
    }
}

@media (max-width: 440px ) {
	.navbar .container-header .select-holder {
		width: 120px;
		font-size: 1em;
		word-wrap: break-word;
	} 

	#toolnavwrapper .tool-nav {
    	padding: 5px 5px;
		font-size: 1.2em;
	}
	
	.navbar-inverse .bottom-header .navbar-nav > li > a {
    	padding: 14px 1.5em;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .collapsible ul .dropdown-menu > li > a{
		padding-left:1.7em;
		padding-right:1.7em;
	}
	.navbar-inverse .bottom-header #toolnavwrapper .tool-nav{
    	padding: 14px 0.5em;
	}
}

@media only screen and (max-device-width: 480px) {
	#toolnavwrapper .tool-navHolder {
    	margin-left: 5px;
	}
}





/*** GENERAL TOOL CONTENT - excluding assets in basket***/

#toolcontentwrapper{
	box-shadow: 0 1px 4px 0 rgba(1,1,1,.1);
}

#toolcontentwrapper .tool-content  {
	display:none;
	width: 100%;
    height: auto;
    right:0px;
    padding: 0px;
	position: relative;
	background: #fff;
	box-shadow: 0 1px 2px 0 rgba(215,215,215,.1);
}

#toolcontentwrapper .tool-content .container{
    padding-top:10px;
	padding-bottom:10px;
    padding-left: 60px;
    padding-right: 60px;
    max-width: 1600px !important;
}

@media (max-width: 992px){
	#toolcontentwrapper .tool-content .container{
		padding-left: 20px;
    	padding-right: 20px;
	}
}

#toolcontentwrapper .tool-content .tool-content-inner {
	display:inline-block;
	width:100%;
}

#toolcontentwrapper .tool-content .tool-content-inner .tool-content-item{
	display:inline-block;
	width:100%;
}
#toolcontentwrapper .tool-content .tool-content-inner .tool-content-shut {
    display: none;
}
#toolcontentwrapper .tool-content.basket .tool-content-inner .tool-content-shut {
    display:inline-block;
    float:right;
}

#toolcontentwrapper .btn-search,
#toolcontentwrapper .btn-user{
	display: inline-block;
	height:auto;
	width: auto;
    padding: 0.5em 1em;
	margin-right: 15px;
	text-align: center;
	background: #fff;
    color: #000;
    border: 1px solid #000;
    font-size:0.8em;
}

#toolcontentwrapper .btn-search:hover,
#toolcontentwrapper .btn-search:focus,
#toolcontentwrapper .btn-user:hover,
#toolcontentwrapper .btn-user:focus{
    color: #fff;
	background: #000;
	border: 1px solid #000;
}

.tool-content p {
    margin: 0px;
    padding: 0px;
}

#toolcontentwrapper .tool-content p span#standard{
    color: #fff;
}

#toolcontentwrapper .modal-body{
    position: relative;
    padding: 5px;
    color: #fff;
}

/** TOOL SEARCH ****/
#toolcontentwrapper .form-group{
    display:inline-block;
    margin-bottom: 0;
}
#toolcontentwrapper #searchpullout{
    width: auto;
    border: none;
    box-shadow: none;
    margin: 0px;
    padding:0px;
}

#toolcontentwrapper #searchField {
    width: 100%;
    height: auto;
    padding: 0.38em 1em;
    vertical-align: middle;
    color: #000;
    border: 1px solid #000;
    border-radius: 0px;
    font-size: 0.8em;
    transition: all 0.35s;
    display:inline-block;
}

#toolcontentwrapper #searchField.focused{
    background:#000;
    color:#fff;
    box-shadow: none;
}


/** TOOL BASKET ****/
#toolcontentwrapper .tool-content.basket .tool-content-inner .tool-content-shut.mobile{
    display:none;
}

.basket-content .holder{
    margin-bottom:50px;
}

.basket-content h2{
	margin-bottom:20px;
}
.basket-content h3{
	margin-top:0;
}

/*** rest of basket content is in folder.css ***/



.tool-nav.bundle{
	text-transform:uppercase;
}



@media (max-width: 767px ) {
    #toolcontentwrapper .btn-user {
        width: 100%;
        margin-bottom:2px;
    }
}