/*
 *  css code for the menu styles.
 */
/*
 *  New menu design.
 */
div.fb-like-wrapper{ width: 90px; display: inline-block; }
div.top-menu{color:#fff;height:24px;line-height:20px;padding:12px 4px 3px;text-align:right;vertical-align:top;}
.top-menu ul{display:inline-block;margin:0;padding:0;vertical-align:top;}
.top-menu ul li{color:#006BB4;display:inline-block;font-weight:700;margin:0;padding:0 1px;}
.top-menu ul li a{text-decoration:underline;}
.top-menu ul li a:hover{text-decoration:none;}
.top-menu li.icon{padding-left:17px;background-position: left center;background-repeat:no-repeat;}
.top-menu li.icon-person{background-image:url(images/menu-login-icon.png);}
.top-menu li.icon-question{background-image:url(images/menu-question-mark-icon.png);}
.top-menu li.icon-cart{padding-left:21px;background-image:url(images/menu-shopping-cart-icon.png);}
.mainmenu {
margin-top:15px;
display:table;
width:100%;
position:relative;
}
.mainmenu a {
text-transform:uppercase;
color:#006bb4;
text-decoration:none;
display:block;
}
.mainmenu ul {
display:table-row;
}
.mainmenu ul li {
display:table-cell;
color:#006bb4;
text-align:center;
border:1.5px solid #CECFD1;
border-left:none;
border-bottom:3px solid #006bb4;
behavior:url(PIE.htc);
-webkit-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
/* background with gradient */
background: #E6E7E9; /* Old browsers */
background: -moz-linear-gradient(left,  #CCCDCF 0%, #E6E7E9 20%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#CCCDCF), color-stop(20%,#E6E7E9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #CCCDCF 0%,#E6E7E9 20%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #CCCDCF 0%,#E6E7E9 20%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #CCCDCF 0%,#E6E7E9 20%); /* IE10+ */
background: linear-gradient(to right,  #CCCDCF 0%,#E6E7E9 20%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCDCF', endColorstr='#E6E7E9',GradientType=1 ); /* IE6-9 */
padding:6px;
}
.mainmenu ul li:first-child {
border:1.5px solid #cbcbcb;
border-bottom:3px solid #006bb4;
}
.mainmenu ul li:last-child, .mainmenu ul li:last-child.current  {
background:none;
background-color:#FF1D25;
border:1.5px solid #FF1D25;
border-left:none;
border-bottom:3px solid #006bb4;
}
.mainmenu ul li.current {
background:none;
background-color:#006bb4;
border:1.5px solid #006bb4;
border-bottom:3px solid #006bb4;
}
.mainmenu ul li:last-child a,.mainmenu ul li.current a {
color:#fff;
}
.submenu {
width:100%;
background-color:#006bb4;
color:#fff;
}
.submenu a {
color:#fff;
text-decoration:none;
font-weight:700;
}
.submenu ul {
vertical-align:top;
list-style:none;
color:#fff;
}
.submenu ul li {
list-style:none;
display:inline-block;
color:#fff;
font:bold;
padding:6px;
}
.submenu ul li::after {
content:"\a0 \a0 |";
}
.submenu ul li.noline::after {
content:none;
}
.mainmenu a:hover,.submenu a:hover {
text-decoration:underline;
}
.mainmenu ul li.current a, .mainmenu ul li:last-child.current a
{
text-decoration:underline;
}
.mainmenu ul li.current a:hover, .mainmenu ul li:last-child.current a:hover
{
text-decoration:none;
}