@charset "utf-8";
/* CSS Document */
.ddsmoothmenu{
    font: normal 1em Trebuchet MS;
    /*background of menu bar (default state)*/
    width: 100%;
}
.ddsmoothmenu ul{
    z-index:100;
    margin: 0;
    list-style-type: none;
}
/*Top level list items*/
.ddsmoothmenu ul li{
    position: relative;
    display: inline;
    float:left;
    width:14%
}
.ddsmoothmenu ul li a:hover {
    font-weight:600;
}


.ddsmoothmenu ul li ul li{padding:0; }
.ddsmoothmenu ul li.nav-lastnoPad{padding:0;}
/*Top level menu link items style*/
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
}
.ddsmoothmenu ul li a.catalogueIcon.selected, .ddsmoothmenu ul li a.searchIcon.selected, .ddsmoothmenu ul li a.reportsIcon.selected, .ddsmoothmenu ul li a.adminIcon.selected {    /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background-position:center -103px;
}
.ddsmoothmenu ul li a.consignmentIcon.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background-position:center -102px;
}
.ddsmoothmenu ul li a.salesIcon.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background-position:center -93.5px;
}
.ddsmoothmenu ul li a.accountIcon.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background-position:center -96px;
}

/*unlogged menu icon*/
/*nav icon default*/
.ddsmoothmenu ul li a.catalogueIcon{background:url(../images/new/catalogue_large.png) center 0 no-repeat; height:103px;}
.ddsmoothmenu ul li a.searchIcon{background:url(../images/new/search_large.png) center 0 no-repeat; height:103px;}
.ddsmoothmenu ul li a.consignmentIcon{background:url(../images/new/consign_large.png) center 1px no-repeat; height:103px;}
.ddsmoothmenu ul li a.salesIcon{background:url(../images/new/sales_large.png) center 9.5px no-repeat; height:103px;}
.ddsmoothmenu ul li a.accountIcon{background:url(../images/new/accounts_large.png) center 7px no-repeat;height:103px;}
.ddsmoothmenu ul li a.reportsIcon{background:url(../images/new/reports_large.png) center 0 no-repeat; height:103px;}
.ddsmoothmenu ul li a.adminIcon{background:url(../images/new/admin_large.png) center 0 no-repeat; height:103px;}
/*nav icon hover*/
.ddsmoothmenu ul li a:hover.catalogueIcon{background:url(../images/new/catalogue_large.png) center -103px no-repeat;}
.ddsmoothmenu ul li a:hover.searchIcon{background:url(../images/new/search_large.png) center -103px no-repeat;}
.ddsmoothmenu ul li a:hover.consignmentIcon{background:url(../images/new/consign_large.png) center -102px no-repeat;}
.ddsmoothmenu ul li a:hover.salesIcon{background:url(../images/new/sales_large.png) center -93.5px no-repeat; }
.ddsmoothmenu ul li a:hover.accountIcon{background:url(../images/new/accounts_large.png) center -96px no-repeat;}
.ddsmoothmenu ul li a:hover.reportsIcon{background:url(../images/new/reports_large.png) center -103px no-repeat;}
.ddsmoothmenu ul li a:hover.adminIcon{background:url(../images/new/admin_large.png) center -103px no-repeat;}
/*nav icon active*/

/*logged menu icon*/
/*nav icon default*/
.ddsmoothmenu ul li a.catLoggedIcon{background:url(../images/new/catalogue_small.png) center 0 no-repeat; height:75px;}
.ddsmoothmenu ul li a.seaLoggedIcon{background:url(../images/new/search_small.png) center 0 no-repeat; height:75px;}
.ddsmoothmenu ul li a.conLoggedIcon{background:url(../images/new/consign_small.png) center 0 no-repeat; height:75px;}
.ddsmoothmenu ul li a.salLoggedIcon{background:url(../images/new/sales_small.png) center 6px no-repeat; height:75px;}
.ddsmoothmenu ul li a.accLoggedIcon{background:url(../images/new/accounts_small.png) center 2px no-repeat;height:75px;}
.ddsmoothmenu ul li a.repLoggedIcon{background:url(../images/new/reports_small.png) center 0 no-repeat; height:75px;}
.ddsmoothmenu ul li a.admLoggedIcon{background:url(../images/new/admin_small.png) center 0 no-repeat; height:75px;}
/*nav icon hover*/
.ddsmoothmenu ul li a:hover.catLoggedIcon{background:url(../images/new/catalogue_small.png) center -85px no-repeat;}
.ddsmoothmenu ul li a:hover.seaLoggedIcon{background:url(../images/new/search_small.png) center -85px no-repeat;}
.ddsmoothmenu ul li a:hover.conLoggedIcon{background:url(../images/new/consign_small.png) center -85px no-repeat;}
.ddsmoothmenu ul li a:hover.salLoggedIcon{background:url(../images/new/sales_small.png) center -79px no-repeat; }
.ddsmoothmenu ul li a:hover.accLoggedIcon{background:url(../images/new/accounts_small.png) center -83px no-repeat;}
.ddsmoothmenu ul li a:hover.repLoggedIcon{background:url(../images/new/reports_small.png) center -85px no-repeat;}
.ddsmoothmenu ul li a:hover.admLoggedIcon{background:url(../images/new/admin_small.png) center -85px no-repeat;}
/*nav icon active*/

.ddsmoothmenu ul li a.catLoggedIcon.selected, .ddsmoothmenu ul li a.seaLoggedIcon.selected, .ddsmoothmenu ul li a.conLoggedIcon.selected, .ddsmoothmenu ul li a.repLoggedIcon.selected, .ddsmoothmenu ul li a.admLoggedIcon.selected{
    /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background-position:center -85px;
}
.ddsmoothmenu ul li a.salLoggedIcon.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background-position:center -79px;
}
.ddsmoothmenu ul li a.accLoggedIcon.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background-position:center -83px;
}

/*.ddsmoothmenu ul li{background:url(../images/icn-arrow-down.gif) 68%  91% no-repeat;}
.ddsmoothmenu ul li:hover{background:url(../images/icn-arrow-down-a.gif) 68%  91% no-repeat;}*/

.ddsmoothmenu ul li.down-icon{background:url(../images/icn-arrow-down.gif) 62%  91% no-repeat;}
.ddsmoothmenu ul li.down-icon:hover{background:url(../images/icn-arrow-down-a.gif) 62%  91% no-repeat;}
/*.ddsmoothmenu ul li.down-icon-catalogue{background:url(../images/icn-arrow-down.gif) 62% 91% no-repeat;}*/
/*.ddsmoothmenu ul li.down-icon-Consigned{background:url(../images/icn-arrow-down.gif) 65%  91% no-repeat;}*/
/*.ddsmoothmenu ul li.down-icon-search{background:url(../images/icn-arrow-down.gif) 65%  91% no-repeat;}*/
/*.ddsmoothmenu ul li.down-icon-sales{background:url(../images/icn-arrow-down.gif) 55%  91% no-repeat;}*/
/*.ddsmoothmenu ul li.down-icon-acnts{background:url(../images/icn-arrow-down.gif) 65%  91% no-repeat;}*/


/*.ddsmoothmenu ul li.down-icon-catalogue:hover{background:url(../images/icn-arrow-down-a.gif) center bottom no-repeat;}
.ddsmoothmenu ul li.down-icon-search:hover{background:url(../images/icn-arrow-down-a.gif) center bottom no-repeat;}
.ddsmoothmenu ul li.down-icon-consigned:hover{background:url(../images/icn-arrow-down-a.gif) center bottom no-repeat;}
.ddsmoothmenu ul li.down-icon-sales:hover{background:url(../images/icn-arrow-down-a.gif) center bottom no-repeat;}
.ddsmoothmenu ul li.down-icon-acnts:hover{background:url(../images/icn-arrow-down-a.gif) center bottom no-repeat;}*/
/*.ddsmoothmenu ul li.down-icon-rprts:hover{background:url(../images/icn-arrow-down-a.gif) center bottom no-repeat;}*/
/*.ddsmoothmenu ul li.down-icon-admin:hover{background:url(../images/icn-arrow-down-a.gif) center bottom no-repeat;}*/

.ddsmoothmenu ul li a{
    display: block;
    color:#ffffff;
    cursor:pointer;
}

/*.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.active{*/
/*background: black; background of menu items during onmouseover (hover state)
/*color:#ffc000;text-shadow:0px -1px 0px #272727;}*/

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
    width:155px;
    padding:15px 0 15px 5px;
    margin:0px 0 0px -10px;
}

.ddsmoothmenu ul li ul.catBackground,.ddsmoothmenu ul li ul.catSubMenuBackground {background: rgba(134,146,32,0.90);}
.ddsmoothmenu ul li ul.seaBackground {background: rgba(169,78,30,0.90); }
.ddsmoothmenu ul li ul.conBackground {background: rgba(203,152,0,0.90);}
.ddsmoothmenu ul li ul.salBackground {background: rgba(0,69,97,0.90);}
.ddsmoothmenu ul li ul.accBackground {background: rgba(129,26,68,0.90);}
.ddsmoothmenu ul li ul.rptBackground {background: rgba(71,64,117,0.90);}
.ddsmoothmenu ul li ul.admBackground {background: rgba(142,56,44,0.90);}
.ddsmoothmenu ul li ul.catBackground::before{
    content:'';    position:absolute;    left:30%;    bottom: 100%;	width: 0;	height: 0;	border-bottom: 10px solid rgba(134,146,32,0.90);	
    border-left: 30px solid transparent;	border-right: 30px solid transparent;
}
.ddsmoothmenu ul li ul.seaBackground::before{
    content:'';    position:absolute;    left:30%;    bottom: 100%;	width: 0;	height: 0;	border-bottom: 10px solid rgba(169,78,30,0.90);	
    border-left: 30px solid transparent;	border-right: 30px solid transparent;
}
.ddsmoothmenu ul li ul.conBackground::before{
    content:'';    position:absolute;    left:30%;    bottom: 100%;	width: 0;	height: 0;	border-bottom: 10px solid rgba(203,152,0,0.90);	
     border-left: 30px solid transparent;	border-right: 30px solid transparent;
}
.ddsmoothmenu ul li ul.salBackground::before{
    content:'';    position:absolute;    left:30%;    bottom: 100%;	width: 0;	height: 0;	border-bottom: 10px solid rgba(0,69,97,0.90);	
    border-left: 30px solid transparent;	border-right: 30px solid transparent;
}
.ddsmoothmenu ul li ul.accBackground::before{
    content:'';    position:absolute;    left:30%;    bottom: 100%;	width: 0;	height: 0;	border-bottom: 10px solid rgba(129,26,68,0.90);	
    border-left: 30px solid transparent;	border-right: 30px solid transparent;
}
.ddsmoothmenu ul li ul.rptBackground::before{
    content:'';    position:absolute;    left:30%;    bottom: 100%;	width: 0;	height: 0;	border-bottom: 10px solid rgba(71,64,117,0.90);	
    border-left: 30px solid transparent;	border-right: 30px solid transparent;
}
.ddsmoothmenu ul li ul.admBackground::before{
    content:'';    position:absolute;    left:30%;    bottom: 100%;	width: 0;	height: 0;	border-bottom: 10px solid rgba(142,56,44,0.90);	
    border-left: 30px solid transparent;	border-right: 30px solid transparent;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
    background:none;
    display: list-item; 
    float: none;
    min-height:15px;
}

.ddsmoothmenu ul li ul li:hover{background:none;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
    top: 0;
}
/*.ddsmoothmenu ul li ul li a:hover{background:url(../images/arw-icon-hover.png) 0 60% no-repeat;color:#fdb300; }*/

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
    font: bold 13px;
    width: 105px; /*width of sub menus*/
    margin-bottom: 5px;
}

.ddsmoothmenu ul li ul.catBackground li a {padding-left:28px; background:url(../images/new/catalogue_smenu.png) 0 center no-repeat;}
.ddsmoothmenu ul li ul.seaBackground li a {padding-left:28px; background:url(../images/new/search_smenu.png) 0 center no-repeat;}
.ddsmoothmenu ul li ul.conBackground li a {padding-left:25px; background:url(../images/new/consign_smenu.png) 0 center no-repeat;}
.ddsmoothmenu ul li ul.salBackground li a {padding-left:33px; background:url(../images/new/sales_smenu.png) 0 center no-repeat;}
.ddsmoothmenu ul li ul.accBackground li a {padding-left:25px; background:url(../images/new/accounts_smenu.png) 0 center no-repeat;}
.ddsmoothmenu ul li ul.rptBackground li a {padding-left:24px; background:url(../images/new/reports_smenu.png) 0 center no-repeat;}
.ddsmoothmenu ul li ul.admBackground li a {padding-left:16px; background:url(../images/new/admin_smenu.png) 0 center no-repeat;}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{display:none;
    position: absolute;
    top: 100%;
    right: 20%;
}
.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    /*background: silver;*/
}
.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
    /*opacity: 0.8;*/
}
@media screen and (max-width: 1200px) {
    .ddsmoothmenu ul li ul{
        margin-left:-25px;
    }
}