﻿.menu-wrapper
{
    background: url("/content/images/nav_bg.png") repeat-x scroll 0 0 #333333;
    font-size: 12px;
    /* height: 60px; */
    margin-top: 0px;
    position: relative;
    width: 960px;
}

.menu
{
    background: url("/content/images/worldnav_up.png") no-repeat scroll right top transparent;
    display: table;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 959px;
    border-left: 1px solid #cccccc;
}

.menu li, .submenu li
{
    display: table-cell;
    background: url("/content/images/worldnav_up.png") no-repeat scroll left top transparent;
    *float: left;
}

.menu li.selected
{
    background: url("/content/images/worldnav_down.png") no-repeat scroll left top transparent;
}

.menu li:hover
{
    background: url("/content/images/worldnav_down.png") no-repeat scroll left top transparent;
}

.menu li:hover a
{
    background: url("/content/images/worldnav_active.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
}

.menu li a.selected
{
    background: url("/content/images/worldnav_down.png") no-repeat scroll right top transparent;
    font-weight: bold;
    color: #fff;
}

.menu a, .submenu span
{
    background: url("/content/images/worldnav_up.png") no-repeat scroll right top transparent;
    color: #303030;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-left: 1px;
    padding: 0 4px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    *padding: 0 38px 0 38px;
}
.menu li a:hover
{
    color: #fff;
}

.menu a {
    color: #7C888E;
    font-weight: bold;
}

.subnav
{
    font-size: 12px;
}

.submenu
{
    background: url("/content/images/nav_bg.png") repeat-x scroll 0 -30px transparent;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    z-index: 10;
}

.submenu li
{
    background: none repeat scroll 0 0 transparent;
}

.submenu li.active
{
    background: url("/content/images/arrow.png") no-repeat scroll center bottom transparent;
}
.submenu li:hover
{
    background: url("/content/images/arrow.png") no-repeat scroll center bottom transparent;
    position: static;
}

.submenu span
{
    font-size: 12px;
    text-transform: none;
}

.submenu li span, .submenu li a
{
    background: url("/content/images/seperator.png") no-repeat scroll 100% 50% transparent;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    padding: 0 8px;
    text-decoration: none;
    line-height: 30px;
}

.submenu li .downcategory
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("/content/images/megadropdown_bg.png") repeat-x scroll left top #FFFFFF;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border: 1px solid #CCCCCC;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: none;
    left: 0;
    height: 190px;
    position: absolute;
    top: 60px;
    width: 953px;
    z-index: 10;
}

.submenu .downcategory
{
    color: #303030;
    line-height: normal !important;
    font-weight: normal !important;
    padding: 10px 0 0 5px;
    margin: 0;
}

.submenu .downcategory a
{
    color: #303030;
    height: auto !important;
    background: none !important;
    font-weight: normal !important;
    line-height: normal !important;
}
.submenu .downcategory a:hover
{
    color:#7C888E;
}

.submenu .downcategory li, .submenu .downcategory li:hover
{
    background: none repeat scroll 0 0 transparent;
}

.submenu-empty
{
    display: none;
}

.downcategory .productList
{
    width: 500px;
    float: left;
}

.downcategory .productListV2
{
    width: 702px;
    float: left;
}

.productListV2 ul
{
    width: auto !important;
    float: left !important;
    display: block !important;
    height: 180px;
    width: 230px !important;
    background: url('/Content/images/megadropcol_seperator.png') right no-repeat;
    padding-right: 4px !important;
}

.productListV2 li
{
    clear: both !important;
    width: auto !important;
}

.staplesList
{
    width: 331px !important;
    position: absolute;
    font-size: 11px;
    margin: 0;
    top: 36px;
    left: 6px;
    border-bottom: 1px solid #a9b8bd;
    border-right: 1px solid #a9b8bd;
    border-left: 1px solid #a9b8bd;
    padding: 5px 0 0 5px !important;
    height: 150px;
    background: #fff;
}

.staplesList li
{
    width: 165px !important;
}

.staplesList li span
{
    color: #303030;
    text-align: left;
    padding: 0;
    margin: 0;
    height: auto;
    line-height: normal;
    background: none;
}

.staplesList li span:hover, .staplesList li .selected
{
    color: #798b95;
}

.staplesListTitle {
    position: absolute;
    color: #798b95 !important;
    width: 320px !important;
    height: 26px !important;
	line-height: 26px !important;
    display: block;
    border-right: 1px solid #a9b8bd;
    border-left: 1px solid #a9b8bd;
    background: url("/content/images/nav-title-bg.png") !important;
}

.staplesEndsTitle {
    background: url("/content/images/nav-title-bg.png") !important;
    display: block;
    width: 345px !important;
    height: 26px !important;
    line-height: 26px !important;
    font-weight: bold !important;
    color: #798b95 !important;
    text-align: center !important;
    position: absolute;
    left: 359px;
    border-right: 1px solid #a9b8bd;
    border-left: 1px solid #a9b8bd;
}

.staplesContainer
{
    width: auto !important;
}

.staplesEnds
{
    width: 361px !important;
    border-bottom: 1px solid #a9b8bd;
    border-right: 1px solid #a9b8bd;
    border-left: 1px solid #a9b8bd;
    position: absolute;
    left: 360px;
    top: 36px;
    padding: 5px 0 0 0 !important;
    height: 150px;
    background: #fff;
    overflow: hidden;
}

.staplesEnds li
{
    width: 175px !important;
}

.downcategory .productPreview
{
    width: 190px;
    height: 180px;
    float: right;
    margin: 0 20px 0 0;
    overflow: hidden;
    border-bottom: 1px solid #a9b8bd;
    border-right: 1px solid #a9b8bd;
    border-left: 1px solid #a9b8bd;
}

.productPreview .title
{
    display: block;
    color: #798b95;
    font-weight: bold;
    background: url("/content/images/nav-title-bg.png") no-repeat scroll left top transparent;
    width: 174px;
    margin: 0;
    overflow: hidden;
    height: 26px;
    line-height: 26px;
}

.productPreview .holder
{
    width: 190px;
    height: 149px;
    overflow: hidden;
    display: block;
    background: #fff;
    text-align: center;
}
.productPreview .holder img
{
    margin: 0;
    height: 148px;
    margin-top: 300px;
}

.downcategory ul
{
    padding: 0;
    margin: 0;
    width: 600px;
    display: block;
    list-style: none;
}

.downcategory ul li
{
    padding: 0;
    margin: 0 0 4px 0;
    width: 180px;
    float: left;
}

.downcategory h3
{
    margin: 0 0 0 8px;
    border-bottom: 1px solid #a9b8bd;
    width: 600px;
}

/* VIEW TEMPLATE MenuViewThumbs */
.MenuViewThumbs {
    width: 940px !important;
    margin: 0 0 0 4px !important;
}

.MenuViewThumbs li {
    width:235px !important;
    background: none !important;
    text-align: center;
}

.MenuViewThumbs li a {
    background: none !important;
}

.MenuViewThumbs li span {
    color: #7c888e;
    background: none !important;
}