/*********************************************************************
	SCREEN - Orchard Toys  2019
	3309569 : 5373952
	Filename : jquery_menu.css
	Last Updated :30. 10. 2019
	Copyright :(c) 2019 Etail Systems Ltd
	Author :Etail Systems Ltd
	Web :http://www.etailsystems.com                            
/***********************************************************************/
/* JQuery Nav menu                                                     */
/***********************************************************************/
#pt .dept {
    display:inline-block;
    width:100%;
    position: relative;
    width: 100%;
    text-align:center;
    border-top:1px #009fe3 solid;
}

#pt .dept .bc {}

#pt .dept ul {
    display:inline-block;
    width: auto;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    z-index: 1001;
    margin:auto;
}

#jnav li {
    display:inline-block;
    color:#071689;
}

#jnav li:first-child {
    margin-left: 0px;
}

#jnav li.pipe {
    display: none;
}

/***********************************************************************/
/* Tabs                                                                */
/***********************************************************************/
#jnav li.nav a,
#jnav li.nav h3,
#jnav li.navcurr a,
#jnav li.navcurr h3 {
    display: inline-block;
    vertical-align:middle;
    text-decoration: none;
    cursor: pointer;
    font-size: 1em;
    font-size: 18px;
    margin: 0.719em 1em;
    font-family: 'Linotte-Bold', sans-serif;
    text-align: center;
}

#jnav li.nav{
    position:relative;
}

#jnav li.nav:after{
    display:inline-block;
    vertical-align:middle;
    color:#009fe3;
    content:'|';
    margin: 0.719em 0;
}

#jnav li.nav:last-child:after{
    content:''
}

#jnav li.nav:hover{
    background-color:#009fe3;
    color:#fff
}

#jnav li.nav h3:hover, #jnav li.navcurr h3:hover,
#jnav li.navcurr a:hover, #jnav li.navcurr:hover {
    color:#009fe3;
}

#jnav .navleft,
#jnav .navright,
#jnav .navleftcurr,
#jnav .navrightcurr {
    display: none;
}

/***********************************************************************/
/* Drop down                                                           */
/***********************************************************************/
#jnav li.nav ul.snav,
#jnav li.navcurr ul.snav {
    position: absolute;
    top: 44px;
    left:0;
    display: none;
    width: auto;
    padding: 0;
    border: 1px #009fe3 solid;
    border-top:none;
    background-color: #fff;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}



#jnav li.nav ul.snav a,
#jnav li.nav ul.snav h3,
#jnav li.navcurr ul.snav a,
#jnav li.navcurr ul.snav h3{
    display:block;
}

#jnav li.nav ul.snav li,
#jnav li.navcurr ul.snav li {
    position: relative;
    display: inline;
    padding: 0;
}

#jnav li.nav ul.snav li:hover,
#jnav li.navcurr ul.snav li:hover {
    background-color: #e5e5e5;
}

#jnav li.nav ul.snav li a,
#jnav li.navcurr ul.snav li a {
    padding: .5em 1em;
    margin: 0;
    height: auto;
    width:200px;
    text-align:left;
}

#jnav li.nav ul.snav li a:hover,
#jnav li.navcurr ul.snav li a:hover {
    color:#009fe3;
}

/* Banners */
#jnav li.nav ul.snav li.bnrs,
#jnav li.navcurr ul.snav li.bnrs {}

#jnav li.nav ul.snav li.bnrs .bnr,
#jnav li.navcurr ul.snav li.bnrs .bnr {}

#jnav li.nav ul.snav li.bnrs .bnr a,
#jnav li.navcurr ul.snav li.bnrs .bnr a {
    width: 180px;
    margin: 0;
    padding: 0;
}

/* Level 1 dept header */
#jnav li.nav ul.snav li.depts a,
#jnav li.navcurr ul.snav li.depts a {
    width: auto;
    padding: .25em;
}

#jnav li.nav ul.snav li.depts a.l1,
#jnav li.navcurr ul.snav li.depts a.l1 {
    float: left;
    clear: both;
}

#jnav li.nav ul.snav li.depts a.l1:hover
,#jnav li.navcurr ul.snav li.depts a.l1:hover {
}

/* Level 2 depts */
#jnav li.nav ul.snav li a.l2,
#jnav li.navcurr ul.snav li a.l2,
#jnav li.nav ul.snav li a.seeall,
#jnav li.navcurr ul.snav li a.seeall {
    float: left;
    clear: both;
}

#jnav li.nav ul.snav li.depts a:hover,#jnav li.navcurr ul.snav li.depts a:hover {
}

/***********************************************************************/
