/* <![CDATA[ */

/* Nav top
------------------------------ */

.nav-top {
    /*display: block;*/
    /*float: right;*/
    /*margin: 6px 0 0 0;*/
    /*height: 30px;*/
    padding: 0;
    width: 100%;
    text-align: left;
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.nav-top li {
    clear: none;
    /*display: block;*/
    /*float: left;*/
    margin: 0;
    padding: 0;
    display: block;
    /*border-right: 1px solid #899a64;*/
    position: relative;
}
.nav-top li.account-item a{
    font-weight: bold;
}
.nav-top li.status-item a {
    font-weight: bold;
}
.nav-top li.guides-item:after{
    display: none;
}
.nav-top li.status-item:after {
    display: none;
}
.nav-top li:last-child {
    border: none;
}
.nav-top li a {
    background: transparent;
    clear: none;
    color: #fff;
    display: block;
    /*float: left;*/
    font-size: 12px;
    /*padding: 5px 10px 7px;*/
    text-decoration: none;
    text-align: center;
    padding: 10px 9px;
    font-family: 'Open Sans', 'Arial', sans-serif;
    font-weight: 300;
}


.nav-top li:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 9px;
    right: 0;
    top: 50%;
    background-color: #899a64;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nav-top li:last-child:after {
    display: none;
}

.nav-top li a:hover {
    text-decoration: underline;
}

/* Nav main
------------------------------ */

/* Tier 0 */


.nav-main {
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 19px;
    width: 100%;
}


.nav-main .nav-tier-0 {
    clear: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.nav-main .nav-tier-0 li {
    clear: none;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
}
.nav-main .nav-tier-0 li a {
    background: #07619e; /* url(../images/ui/nav-main-bg.png) repeat-x 0 bottom;
    border: #07619e solid 1px;
    border-width: 1px 1px 0 1px;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    clear: both;
    color: #fff;
    display: block;
    font-size: 14px;

    font-weight: bold;
    margin: 0;
    padding: 8px 18px 10px 16px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
#compare_product_menu {
    float: right;
    margin-right: 5px;
}
.header .cart .count_compare_menu {
    color: #FFF;
    float: left;
    padding-left: 41px;
    border: none;
    border-radius: 0 0 5px 5px;
    background: url("../images/compare_icon.png") no-repeat scroll 9px center #DF7F31;
    width: 25px;
    height: 30px;
    line-height: 31px;
    position: relative;
}
.header .cart .count_compare_menu a {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    background: none !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin: 2px 0 0 5px !important;
}
.header .cart a, .header .cart #compare_product_menu a {
    background-image: linear-gradient(bottom, #F67F10 4%, #F99D1C 52%, #FBB336 100%);
    background-image: -o-linear-gradient(bottom, #F67F10 4%, #F99D1C 52%, #FBB336 100%);
    background-image: -moz-linear-gradient(bottom, #F67F10 4%, #F99D1C 52%, #FBB336 100%);
    background-image: -webkit-linear-gradient(bottom, #F67F10 4%, #F99D1C 52%, #FBB336 100%);
    background-image: -ms-linear-gradient(bottom, #F67F10 4%, #F99D1C 52%, #FBB336 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.04, #F67F10), color-stop(0.52, #F99D1C), color-stop(1, #FBB336) );
}
.header .cart .drop-cart a:hover, .header .cart #compare_product_menu a:hover {
    background: #F99820;
    background: -moz-linear-gradient(top, #F99820 0%, #F67B0F 50%, #F15F08 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F99820), color-stop(50%,#F67B0F), color-stop(100%,#F15F08));
    background: -webkit-linear-gradient(top, #F99820 0%,#F67B0F 50%,#F15F08 100%);
    background: -o-linear-gradient(top, #F99820 0%,#F67B0F 50%,#F15F08 100%);
    background: -ms-linear-gradient(top, #F99820 0%,#F67B0F 50%,#F15F08 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99820', endColorstr='#f15f08',GradientType=0 );
    background: linear-gradient(top, #F99820 0%,#F67B0F 50%,#F15F08 100%);
    background-color: #F99D1C;
    color: #fff;
}
.header .cart #compare_product_menu a {
    color: #FFFFFF;
    border: none;
    border-radius: 0 0 5px 5px;
    clear: none;
    margin-left: 5px;
    padding: 8px 12px 10px 35px;
    text-decoration: none;
}
.header .cart .drop-cart table td a {
    background: none;
    color: #243038;
    text-decoration: none;
    font-size: 11px;
    padding: 0;
    line-height: 140%;
    border-bottom: 1px dotted #DDDDDD;
    vertical-align: top;
    display: table-cell;
    font-style: normal;
    font-weight: normal;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    border-collapse: collapse;
    border-spacing: 0;
    text-shadow: none;
}
.header .cart .drop-cart table td a:hover {
    background: none;
    color: #243038;
}
.nav-main .nav-tier-0 li:hover a,
.nav-main .nav-tier-0 li.active a {
    background-color: #fff;
    color: #444;
    text-shadow: none;
}
.header .cart {
    border: medium none;
    box-shadow: none;
    float: none;
    flex: 1 0 0;
    margin-right: 0 !important;
    width: auto;
}
.header .cart .cart-menu .cart-item {
    background: url("../images/cart.png") no-repeat scroll 10px center #79C32F;
    border-radius: 0 0 5px 5px;
    color: #FFFFFF;
    float: left;
    padding: 6px 12px 10px 35px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    margin-left: 0;
}
.header .narrow-rule .cart .cart-menu .cart-item {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.header .narrow-rule .cart .count_compare_menu {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.header .cart .cart-menu {
    float: right;
    clear: none;
}
.header .cart a {
    border-radius: 5px;
    color: #FFFFFF;
    padding-left: 35px;
    border: none;
    border-radius: 5px 5px 0 0;
    clear: none;
    margin-left: 5px;
}
.nav-top .drop-cart {
    background: url("../images/drop-cart.png") no-repeat scroll 0 bottom transparent;
    clear: both;
    display: none;
    float: left;
    margin: 0 0 0 -11px;
    padding: 10px 10px 20px;
    position: absolute;
    right: -11px;
    top: 30px;
    width: 360px;
    z-index: 100;
}
.nav-top  .drop-cart table {
    border: medium none;
    margin: 10px;
    width: 340px;
}
.nav-top  .drop-cart td {
    font-size: 11px;
    padding: 8px;
}
.nav-top  .drop-cart td:last-child {
    text-align: right;
}
.nav-top  .drop-cart tfoot td {
    -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: none repeat scroll 0 0 #FFFFCC;
    border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    font-weight: bold;
}
.nav-top  .drop-cart td:last-child {
    text-align: right;
}
.cart td {
    line-height: 140%;
}
.nav-top  .cart-menu:hover .drop-cart {
    display: block;
}
/*.nav-main .nav-tier-0 li #compare_product_menu:hover .drop-cart {
    display: block;
}*/
.nav-top .cart .drop-cart .button-orange {
    clear: both;
    display: block;
    float: right;
    font-size: 14px;
    margin: 5px 10px 10px 0;
    padding: 6px 12px 8px;
    width: auto;
    border-radius: 5px 5px 5px 5px;
    background-color: #07619e;
    color: #ffffff;
    background: #07619e;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.nav-top  .cart .drop-cart .button-orange:hover {
    background: #F99820;
    background: -moz-linear-gradient(top, #F99820 0%, #F67B0F 50%, #F15F08 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F99820), color-stop(50%,#F67B0F), color-stop(100%,#F15F08));
    background: -webkit-linear-gradient(top, #F99820 0%,#F67B0F 50%,#F15F08 100%);
    background: -o-linear-gradient(top, #F99820 0%,#F67B0F 50%,#F15F08 100%);
    background: -ms-linear-gradient(top, #F99820 0%,#F67B0F 50%,#F15F08 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99820', endColorstr='#f15f08',GradientType=0 );
    background: linear-gradient(top, #F99820 0%,#F67B0F 50%,#F15F08 100%);
    background-color: #F99D1C;
    text-decoration: none;
}

.drop-cart td ul{
    display: none;

}
.header .duplicated-cart {
    display: none;
    margin: 0;
    top: -2px;
    right: 10px;
}
.nav-toggle-wrapper {
    position: relative;
}

.nav-main .nav-tier-0 li.cart .drop-cart td > a{
    background: none;
    color: #243038;
    text-decoration: none;
    font-size: 11px;
    padding: 0;
    line-height: 140%;
    border-bottom: 1px dotted #DDDDDD;
    vertical-align: top;
    display: table-cell;
    font-style: normal;
    font-weight: normal;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    border-collapse: collapse;
    border-spacing: 0;
    text-shadow: none;
}


/* Tier 1 */

.nav-main .nav-tier-0 li .nav-tier-1 {
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .5);
    display: none;
    clear: both;
    float: left;
    margin: 0 0 0 -1px;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 210px;
    z-index: 100;
}
.nav-main .nav-tier-0 li:last-child .nav-tier-1 {
    right: 0;
}
.nav-main .nav-tier-0 li:hover .nav-tier-1 {
    display: block;
}
.nav-main .nav-tier-0 li .nav-tier-1 li {
    clear: both;
    display: block;
    float: left;
    margin: -1px 0 0 0;
    padding: 0;
    position: relative;
    width: 210px;
}
.nav-main .nav-tier-0 li .nav-tier-1 li a {
    background-color: #fff;
    border: #ccc solid 1px;
    border-radius: 0;
    border-style: dotted solid;
    clear: both;
    color: #3489c3;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 8px 15px;
    text-decoration: none;
    white-space: nowrap;
    width: 180px;
}
.nav-main .nav-tier-0 li .nav-tier-1 li:first-child a {

}
.nav-main .nav-tier-0 li .nav-tier-1 li:last-child a {
    border-bottom-style: solid;
}
.nav-main .nav-tier-0 li:hover .nav-tier-1 li:hover a {
    background-color: #eee;
    color: #444;
    text-shadow: 0 1px 0 #fff;
}

/* Tier 2 */

.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 {
    box-shadow: 0 1px 5px #ccc;
    display: none;
    float: left;
    left: 211px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 1px;
    width: 190px;
    z-index: 101;
}
.nav-main .nav-tier-0 li .nav-tier-1 li:hover .nav-tier-2 {
    display: block;
}
.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 li {
    border: none;
    clear: both;
    display: block;
    float: left;
    margin: -1px 0 0 0;
    padding: 0;
    width: 190px;
}
.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 li a {
    background-color: #fff;
    border: #ccc solid 1px;
    border-radius: 0;
    border-style: dotted solid;
    clear: both;
    color: #3489c3;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 5px 15px;
    text-decoration: none;
    width: 215px;
}
.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 li:first-child a {
    border-top-style: solid;
}
.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 li:last-child a {
    border-bottom-style: solid;
}
.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 li:hover a {
    -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-color: #79C32F;
    border-color: #6AA30B #80B511 #96C717;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.nav-main .nav-tier-0 li:last-child .nav-tier-1 li:hover .nav-tier-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    left: -100%;
    float: none;
}
.nav-main .nav-tier-0 li:last-child .nav-tier-1 li:hover .nav-tier-2 li {
    width: 210px;
}
.nav-main .nav-tier-0 li:last-child .nav-tier-1 li:hover .nav-tier-2 li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.nav-main .nav-tier-0 li:nth-child(9) .nav-tier-1 li:hover .nav-tier-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    left: -100%;
    float: none;
}
.nav-main .nav-tier-0 li:nth-child(9) .nav-tier-1 li:hover .nav-tier-2 li {
    width: 210px;
}
.nav-main .nav-tier-0 li:nth-child(9) .nav-tier-1 li:hover .nav-tier-2 li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.nav-main .nav-tier-0 li:nth-child(8) .nav-tier-1 li:hover .nav-tier-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    left: -100%;
    float: none;
}
.nav-main .nav-tier-0 li:nth-child(8) .nav-tier-1 li:hover .nav-tier-2 li {
    width: 210px;
}
.nav-main .nav-tier-0 li:nth-child(8) .nav-tier-1 li:hover .nav-tier-2 li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.nav-main .nav-tier-0 li:nth-child(7) .nav-tier-1 li:hover .nav-tier-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    left: -100%;
    float: none;
}
.nav-main .nav-tier-0 li:nth-child(7) .nav-tier-1 li:hover .nav-tier-2 li {
    width: 210px;
}
.nav-main .nav-tier-0 li:nth-child(7) .nav-tier-1 li:hover .nav-tier-2 li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}


/* Tier 3 */

.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 li .nav-tier-3 {
    box-shadow: 0 1px 5px #CCCCCC;
    display: none;
    float: left;
    left: 247px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 1px;
    width: 290px;
    z-index: 101;
}
.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 li:hover .nav-tier-3 {
    display: none;
}
.nav-main .nav-tier-0 li#l0 .nav-tier-1 li .nav-tier-2 li:hover .nav-tier-3,
.nav-main .nav-tier-0 li#l1 .nav-tier-1 li .nav-tier-2 li:hover .nav-tier-3,
.nav-main .nav-tier-0 li#l2 .nav-tier-1 li .nav-tier-2 li:hover .nav-tier-3,
.nav-main .nav-tier-0 li#l3 .nav-tier-1 li .nav-tier-2 li:hover .nav-tier-3,
.nav-main .nav-tier-0 li#l4 .nav-tier-1 li .nav-tier-2 li:hover .nav-tier-3,
.nav-main .nav-tier-0 li#l5 .nav-tier-1 li .nav-tier-2 li:hover .nav-tier-3,
.nav-main .nav-tier-0 li#l6 .nav-tier-1 li .nav-tier-2 li:hover .nav-tier-3{
    display: block;
}



li#l10 .nav-tier-1 li ul {
    display: none;
}

.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 li .nav-tier-3 li {
    border: none;
    clear: both;
    display: block;
    float: left;
    margin: -1px 0 0 0;
    padding: 0;
    width: 190px;
}
.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 .nav-tier-3 li a {
    background-color: #EEEEEE;
    border: #ccc solid 1px;
    border-radius: 0;
    border-style: dotted solid;
    clear: both;
    color: #444444;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 5px 15px;
    text-decoration: none;
    width: 260px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 li .nav-tier-3 li:first-child a {
    border-top-style: solid;
}
.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 li .nav-tier-3 li:last-child a {
    border-bottom-style: solid;
}
.nav-main .nav-tier-0 li .nav-tier-1 li .nav-tier-2 li .nav-tier-3 li:hover a {
    -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-color: #79C32F;
    border-color: #6AA30B #80B511 #96C717;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}





/* Tier 1 */




.nav-side {
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}



.nav-side .nav-tier-1 {

    margin: 0;
    padding: 0;
}
.nav-side .nav-tier-1 li {
    border-top: #ddd dotted 1px;
    clear: both;
    display: block;
    margin: 10px 0 0;
    padding: 0;
}
.nav-side .nav-tier-1 li > a {

    clear: both;
    color: #444;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
    text-decoration: none;
}

/* Tier 2 */




.nav-side {
    clear: both;
    display: block;
    float: left;
    margin: 0 0 30px 0;
    padding: 0;
    width: 100%;
}



.nav-side .nav-tier-2 {

    margin: 0;
    padding: 0;
}
.nav-side .nav-tier-2 li {
    border-top: #ddd dotted 1px;
    clear: both;
    display: block;
    margin: 10px 0 0;
    padding: 0;
}
.nav-side .nav-tier-2 li > a {

    clear: both;
    color: #444;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
    text-decoration: none;
}

/* Tier 3 */

.nav-side .nav-tier-3 {
    margin: 0 0 10px 0;
}
.nav-side .nav-tier-3 li {
    border: none;
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
}
.nav-side .nav-tier-3 li a {
    background: url('../images/nav-side-bg2.png') no-repeat 0 5px;
    clear: both;
    color: #3489c3;
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 5px 15px;
    text-decoration: none;
}
.nav-side .nav-tier-3 li a:hover {
    background-position: 0 -49px;
    color: #444;
    text-decoration: underline;
}
.nav-side .nav-tier-3 li.active > a {
    background-position: 0 -107px;
    color: #444;
}

/* Tier 4 */

.nav-side .nav-tier-4 {
    margin: 0 0 5px 0;
}
.nav-side .nav-tier-4 li {
    clear: both;
    display: block;
    margin: -1px 0 0 0;
    padding: 0;
}
.nav-side .nav-tier-4 li a {
    background: #f5f5f5 url(../images/nav_arrow_white.gif) no-repeat 5px center;
    border: #fff dotted 1px;
    border-width: 1px 0;
    clear: both;
    color: #3489c3;
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 5px 5px 5px 15px;
}
.nav-side .nav-tier-4 li a:hover {
    background: #eee url(../images/nav_arrow_grey.gif) no-repeat 5px center;
    color: #444;
}
.nav-side .nav-tier-4 .active4 a {
    background: #eee url(../images/nav_arrow_grey.gif) no-repeat 5px center;
    color: #444;
}



/* ]]> */