/*

#nav {  width: 990px;  margin:0px auto;  padding:0px;  height:20px; font-family:'Font MT Std Semibold'; font-size:12px; text-transform: uppercase; text-align: center; }
#nav a { color:#221006; text-decoration: none; }
#nav a:hover { color: #804C7D; text-decoration: none; }
#nav ul {  list-style: none; padding:0px; float:left; }
#nav ul li {  list-style: none;  float:left; }
*/

/* LEVEL ONE*/
/*
ul#dropdown { position: relative; margin:0px; padding-top:1px; }
ul#dropdown li {  margin:0px; float: left; zoom: 1; padding:2px 19px 2px 19px;   }
ul#dropdown il a:link,ul#dropdown il a:visited{color: #221006}
ul#dropdown a:hover	{ color: #804C7D; text-decoration: none;}
ul#dropdown ul li a:active, ul#dropdown ul li a:link, ul#dropdown ul li a:visited { color: #804C7D; text-decoration: none; }
ul#dropdown li a  { display: block;   }
ul#dropdown li:last-child a { border-right: none; }  Doesn't work in IE
ul#dropdown li.hover, ul#dropdown li:hover  { color: #804C7D; position: relative; }
ul#dropdown li.hover a { color: #804C7D; }
*/

/* LEVEL TWO */
/*
ul#dropdown ul {  width:140px; visibility: hidden; position: absolute; top: 100%; left: 0; background: url(../images/drop-down.png) top left no-repeat; height:122px; text-align: center; padding-top:5px; margin-left: 10px; text-transform: capitalize;  font-size: 12px; font-family: Georgia; font-weight: bold;  margin-top: -1px;  }
ul#dropdown ul li {  width: 120px; font-weight: normal;  float: none; padding:5px 10px 2px 10px; border-bottom:1px solid #29150A;   }
ul#dropdown ul li:last-child {  width: 120px; font-weight: normal;  float: none; padding:5px 10px 2px 10px; border-bottom:none;   }
ul#dropdown ul li.larger { min-width: 200px; font-weight: normal; border-bottom: 1px solid #221006; float: none; }
ul#dropdown ul li.large { min-width: 120px; font-weight: normal; border-bottom: 1px solid #221006; float: none; }
*/
/* IE 6 & 7 Needs Inline Block */
/*
ul#dropdown ul li a	{ border-right: none; width: 100%; display: inline-block;  padding:3px 0px; font-weight: bold; }

ul#dropdown ul li:nth-child(1) a{ color: #553542;}
ul#dropdown ul li:nth-child(2) a{ color: #4C4D61;}
ul#dropdown ul li:nth-child(3) a{ color: #AD0C2E;}
ul#dropdown ul li:nth-child(4) a{ color: #C87402;}
*/
/* LEVEL THREE */
/*
ul#dropdown ul ul { left: 100%; top: 0; }
ul#dropdown li:hover > ul { visibility: visible; color:#804C7D; }

.nav_border { border-left: 1px solid #C16D83; }
*/


/* old navigation below */
 

/*dropdown menu*/
ul#dropdown{
    float: right;
/*    margin: 00;    */
    display: inline;
/*    box-sizing: border-box;*behavior: url(/js/boxsizing.htc);*/
}

/* level 1 */
ul#dropdown li{
   padding:0px;
vertical-align: bottom;
position: relative;

line-height: 54px;
text-align: center;
float: left;

}
ul#dropdown li:last-child{ border-right:0!important;}
ul#dropdown li.active:hover a{  background: #4ca2ff;   }
ul#dropdown li.active a{   color:#013976;}
ul#dropdown li.active ul li a{   color: #013976;}
ul#dropdown li.active:hover  ul li a{    background: #fff;    color: #333333;}
ul#dropdown li.active ul li {    background: #fff;    color: #333333;}
ul#dropdown li.active:hover  ul li {    background: #fff;    color: #333333;}

ul#dropdown li.active ul li:hover a{    background: #013976;    color:#ffffff;}
ul#dropdown li.active:hover  ul li:hover a{   background: #013976;    color:#ffffff;}
ul#dropdown li.active ul li:hover {   background: #013976;    color:#ffffff;}
ul#dropdown li.active:hover  ul li:hover {    background: #013976;    color:#ffffff;}
ul#dropdown li a{
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 54px;
display: block;
vertical-align: bottom;
width: 100%;
 padding: 0 20px;
/* padding: 0 10px 0 10px; */
-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc);

}

ul#dropdown li a:hover,li.active a {}
ul#dropdown li a img{vertical-align: bottom;}


/* level 2 */
ul#dropdown li ul{
    position: absolute;
top: 53px;
margin: 0;
left: -60px;
   /* width: 165px;  */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    -transition: opacity 1s;
    background: url(../images/subnav.jpg) top center no-repeat transparent;
    padding: 7px 0 0 0;
}

ul#dropdown li ul li:last-child{
 border-left: #E6E6E6 solid 1px !important;
border-right: #E6E6E6 solid 1px !important;
border-bottom: #E6E6E6 solid 1px !important;
background: #ffffff;
width:100%;
}
ul#dropdown li ul li{
    display: block !important;
    padding: 0!important;   text-align: left; width:100%;
    border-left: #E6E6E6 solid 1px !important;
border-right: #E6E6E6 solid 1px !important;
border-bottom: #E6E6E6 solid 1px !important;
background: #ffffff;
width:100%;
} 

ul#dropdown li ul li a {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-transform: initial;
color: #333333;
padding: 7px 15px 7px 15px;
margin: 0;
width:auto;
min-width: 170px;
display: block;

}

.product-width-215 {  width: 215px !important; }
.product-width-170 {  width: 170px !important; }




ul#dropdown li ul li a:hover {     background: #013976; color:#ffffff;    display: block;}
ul#dropdown li ul li ul li a:hover {     background: #013976; color:#ffffff;    display: block;}

ul#dropdown li:hover ul {  display: block;  opacity: 1;  visibility: visible; }
ul#dropdown ul li:hover ul {  display: none;  opacity: 1;  visibility: hidden; }
ul#dropdown ul li ul li:hover ul {  display: none;  opacity: 1;  visibility: hidden; }

/*  level 3    */

ul#dropdown li ul li ul{    position: absolute;    top: 0px;    margin:0;    left: 100%;    width: 224px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;    display: block;    opacity: 0;    visibility: hidden !important;
    -webkit-transiton: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    -transition: opacity 1s;
    background: #292929;    padding: 0; }

ul#dropdown li ul li:hover ul {  display: block;  opacity: 1;  visibility: visible !important; }

ul#dropdown ul ul { left: 100%; top: 10px; }
ul#dropdown ul li:hover > ul { visibility: visible; color:#804C7D; }

ul#dropdown ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}



/*  level 4    */

ul#dropdown li ul li ul li ul{    position: absolute;    top: 0px;    margin:0;    left: 100%;    width: 224px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;    display: block;    opacity: 0;    visibility: hidden !important;
    -webkit-transiton: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    -transition: opacity 1s;
    background: #292929;    padding: 0; }

ul#dropdown li ul li ul li:hover ul {  display: block;  opacity: 1;  visibility: visible !important; }

ul#dropdown ul ul ul { left: 100%; top: 10px; }
ul#dropdown ul li ul li:hover > ul { visibility: visible; color:#804C7D; }


ul#dropdown ul li ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}


ul#dropdown  .yellow a {  color: #fff !important;   background-color: #f6a01c !important;  }
ul#dropdown .peach a {  color: #fff !important;      background-color: #fab480 !important;  }
ul#dropdown .grey a {  color: #fff !important;      background-color: #58595a !important; }
ul#dropdown .lgrey a {  color: #fff !important;      background-color: #7C7C7C !important; }
ul#dropdown .blue a {  color: #fff !important;      background-color: #00adee !important;  }
ul#dropdown .dblue a {  color: #fff !important;      background-color: #013E7D !important;  }
ul#dropdown .pink a {  color: #fff !important;      background-color: #DB6D90 !important;  }
ul#dropdown .brown a {  color: #fff !important;      background-color: #8D6A65 !important;  }
ul#dropdown .purple a {  color: #fff !important;      background-color: #703b9e !important;  }
ul#dropdown .mgreen a {  color: #fff !important;   background-color: #A9CE81 !important;  }

ul#dropdown  .yellow a:hover, ul#dropdown .peach a:hover, ul#dropdown .grey a:hover, ul#dropdown .lgrey a:hover, ul#dropdown .blue a:hover, ul#dropdown .dblue a:hover, ul#dropdown .pink a:hover, ul#dropdown .brown a:hover, ul#dropdown .purple a:hover, ul#dropdown .mgreen a:hover {   background: #013976 !important; color:#ffffff !important;   }

ul#dropdown  li.yellow {  color: #fff !important;   background-color: #f6a01c !important;  }
ul#dropdown li.peach {  color: #fff !important;      background-color: #fab480 !important;  }
ul#dropdown li.grey {  color: #fff !important;      background-color: #58595a !important; }
ul#dropdown li.lgrey {  color: #fff !important;      background-color: #7C7C7C !important; }
ul#dropdown li.blue {  color: #fff !important;      background-color: #00adee !important;  }
ul#dropdown li.dblue {  color: #fff !important;      background-color: #013E7D !important;  }
ul#dropdown li.pink {  color: #fff !important;      background-color: #DB6D90 !important;  }
ul#dropdown li.brown {  color: #fff !important;      background-color: #8D6A65 !important;  }
ul#dropdown li.purple {  color: #fff !important;      background-color: #703b9e !important;  }
ul#dropdown li.mgreen {  color: #fff !important;   background-color: #A9CE81 !important;  }

ul#dropdown  li.yellow:hover, ul#dropdown li.peach:hover, ul#dropdown li.grey:hover, ul#dropdown li.lgrey:hover, ul#dropdown li.blue:hover, ul#dropdown li.dblue:hover, ul#dropdown li.pink:hover, ul#dropdown li.brown:hover, ul#dropdown li.purple:hover, ul#dropdown li.mgreen:hover {   background: #013976 !important; color:#ffffff !important;   }