/***********************************************************************/
/*  Present Finder 22/11/19                                            */
/***********************************************************************/
/* JQuery Nav menu                                                     */
/***********************************************************************/

#pt .dept{
    clear: both;
    float: left;
    width: 1200px;
    margin: .5em 0.25em;
    position: relative;
    font-size:.8em;
    text-transform:uppercase;
    text-align:center;
}

#pt .dept .bt, #pt .dept .bb{
    display: none;
}

#pt .dept .bc{
    float: left;
    background-color: transparent;
}

#pt .dept ul#jnav{
    float: none;
    clear: none;
    display:inline-block;
    width: 1200px;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    z-index: 1001;
}

#pt .dept ul#jnav li{
    display:inline-block;
    float:none;
}

#jnav li{
    float: left;
    padding: 0px 0px;
}

#jnav li.pipe{
    display: none;
}

/*christmas dept specific styling */
#pt .dept ul#jnav li#m21,
#pt .dept ul#jnavcurr li#m21{
    color:#fff;
    background-image: url("https://s3-eu-west-1.amazonaws.com/presentfinderimages/i/bnr/christmas-dept-background.png");
	background-size: 122px 26px;
}

#pt .dept ul#jnav li#m674,
#pt .dept ul#jnavcurr li#m674{
    color:#fff;
    background-image: url("https://s3-eu-west-1.amazonaws.com/presentfinderimages/i/bnr/christmas-dept-background.png");
	background-size: 122px 26px;
}


/*Sale dept specific styling */
#pt .dept ul#jnav li#m231,
#pt .dept ul#jnavcurr li#m231{
    color:#C92228;
}

#pt .dept ul#jnav li#m231:hover,
#pt .dept ul#jnavcurr li#m231:hover{
    color:#fff;
    background-color:#C92228;
}

#jnav li#m231.nav ul.snav li a,
#jnav li#m231.navcurr ul.snav li a{
    /* color:#C92228; */
}

#jnav li#m231.nav ul.snav li a:hover,
#jnav li#m231.navcurr ul.snav li a:hover{
   /* color:#C92228; */
    background-color:#416976;
}

#jnav li#m231.nav a:hover, 
#jnav li#m231.nav:hover, 
#jnav li#m231.navcurr:hover {
    /*color: #fff;*/
    background-color: #C92228;
}

/*New GIfts dept specific styling */
#pt .dept ul#jnav li#m581,
#pt .dept ul#jnavcurr li#m581{
    color:#C92228;
}

#pt .dept ul#jnav li#m581:hover,
#pt .dept ul#jnavcurr li#m581:hover{
    color:#fff;
    background-color:#C92228;
}

#jnav li#m581.nav ul.snav li a,
#jnav li#m581.navcurr ul.snav li a{
    /* color:#C92228; */
}

#jnav li#m581.nav ul.snav li a:hover,
#jnav li#m581.navcurr ul.snav li a:hover{
   /* color:#C92228; */
    background-color:#416976;
}

#jnav li#m581.nav a:hover, 
#jnav li#m581.nav:hover, 
#jnav li#m581.navcurr:hover {
    /*color: #fff;*/
    background-color: #C92228;
}

/***********************************************************************/
/* Tabs                                                                */
/***********************************************************************/

#jnav li.nav a, #jnav li.navcurr a {
    display: block;
    padding:0.25em;
    margin: 0 0.2em;
    text-decoration: none;
}

#jnav li.nav a:hover, #jnav li.nav:hover, #jnav li.navcurr:hover {
    color: #fff;
    background-color: #416976;
}

#jnav li.navcurr a:hover {
    color: #fff;
}

#jnav .navleft,
#jnav .navright,
#jnav .navleftcurr,
#jnav .navrightcurr{
    display: none;
}

/***********************************************************************/
/* Drop down                                                           */
/***********************************************************************/
#jnav li.nav ul.snav,
#jnav li.navcurr ul.snav{
    position: absolute;
    text-align:left;
    display: none;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px #dddede solid;
    width:226px;
}

#jnav li.navcurr ul.snav li ul.snav,
#jnav li.nav ul.snav li ul.snav{
    position:relative;
    right: 226px;/*for side popout needs to be the width of the previous element + border*/
    top:-35px;/*for side popout needs to be the height of the previous element + border */
}


#jnav li.nav ul.snav li,
#jnav li.navcurr ul.snav li
{
    position: relative;
    display: inline;
    float:left;
    clear:both;
    width: 96%;
    width:226px;
    margin: 0;
    height: 34px;
    vertical-align:middle;
}


#jnav li.nav ul.snav li.depts,
#jnav li.navcurr ul.snav li.depts{
    width:226px;
    max-width:initial;
    max-height:initial;
    border:none;
    background-color: transparent;
}

#jnav li.nav ul.snav li a,
#jnav li.navcurr ul.snav li a{
    padding:.25em;
    padding-left:1em;
    margin: 0;
    height: 26px;
}

#jnav li.nav ul.snav li a:hover,
#jnav li.navcurr ul.snav li a:hover{
    color: #fff;
    background-color: #416976;
}

/* 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{
}

/* Level 1 dept header */
#jnav li.nav ul.snav li.depts a,
#jnav li.navcurr ul.snav li.depts a{
}

#jnav li.nav ul.snav li.depts a.l1,
#jnav li.navcurr ul.snav li.depts a.l1{
}

#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.depts a:hover,
#jnav li.navcurr ul.snav li.depts a:hover{
}

#pt .dept .bt, #pt .dept .bb{
    display: none;
}

#pt .dept .bc{
    float: left;
    background-color: transparent;
}

#pt .dept ul{
    float: left;
    list-style-type: none;
    position: relative;
    margin:0px;
}

#jnav li {
    float: left;
    color: #31405b;
    font-weight:600;
}
#jnav li:first-child {}
#jnav li:last-child {}


/***** mikes 3 colum stuff! 
there are 3 columns, alldepts, prods and arts
prods and arts show if setup in the department in coms
need to decide how many columns you want in total

1200
 3 columns of depts
 1 column for product
 1 column for article

bear in mind that the fprd settings are controlled elsewhere so take that off site width first-child
.fprd width is xxx
xxx width available for dept and article

*****/

#jnav li.nav ul.snav li{
    vertical-align:top;
}

#jnav li.nav ul.snav li.alldepts{}

li.alldepts ol{
    /*depts are in ol not ul */
    float:left;
    list-style-position:inside;
    float:left;
}

#jnav li.nav ul.snav li.alldepts li.depts{
    font-size:15px;
    width:220px;
    display:inline-block;
    list-style-position:inside;
    float:left;
    margin:0;
    padding:0px;
    text-align:left;
    height: auto;
}

#jnav li.nav ul.snav li.prods{
    /*may need to sort out other widths as .fprd is set elsewhere */
    width:260px; /*same as .fprd*/
    padding: 0px;
    border-right: 1px solid #555;
    border-left: 1px solid #555;
}

#jnav li.nav ul.snav li.prods .fprd {}
#jnav li.nav ul.snav li.prods .fprd a {}
#jnav li.nav ul.snav li.prods .fprd a:hover {}
#jnav li.nav ul.snav li.prods .fprd .fprdtitle a {}
#jnav li.nav ul.snav li.prods .fprd .fprdtitle a:hover {}
#jnav li.nav ul.snav li.prods .fprd h5.clientref {}
#jnav li.nav ul.snav li.prods .fprd .packsize {}
#jnav li.nav ul.snav li.prods .fprd .price {}
#jnav li.nav ul.snav li.prods .fprd .price h6 {}
#jnav li.nav ul.snav li.prods .fprd form {}
#jnav li.nav ul.snav li.arts{}
#jnav .art.menuArt {}
#jnav li.nav ul.snav li.arts h3{}
#jnav .art.menuArt p {}



/*hack added to remove a department that from display */

#m109{
    display:none !important;
}

/***********************************************************************/