@CHARSET "UTF-8";

html {
    background: #333333;
}

button.btn,
a.btn,
input.btn,
input.button,
ul.products li.product .cart a,
ul.products li.product .view a,
ul.product-groups.grid li.product-group .view a {
    color: #ffca09;
    background-color: #333333;
}

a {
    color: #333333;
}

button.btn:hover,
a.btn:hover,
input.btn:hover,
input.button:hover,
a.btn:focus,
input.btn:focus,
input.button:focus,
ul.products li.product .cart a:hover,
ul.products li.product .cart a:focus,
ul.products li.product .view a:hover,
ul.products li.product .view a:focus,
ul.product-groups.grid li.product-group .view a:hover,
ul.product-groups.grid li.product-group .view a:focus {
    color: #ffca09;
}

button.btn {
    background-image: none;
    text-shadow: none;
}

#above-header-inner > div.login a,
#above-header-inner > div.account a,
#above-header-inner > div.cart-outer a {
     color: #333333;
}

ul.products li.product .cart a {
    background-color: #333333;
}

#footer {
    background-color: #333333;
}

#footer a:hover,
#footer a:focus {
    color: #ffca09;
    background: none;
}

#footer h1,
#footer h2,
#footer h3 {
    color: #ffca09;
}

#nav {
    background-color: #333333;
}

#nav .navbar ul.nav .dropdown-menu {
    background-color: #333333;
}

#nav .navbar ul.nav ul.level_1.dropdown-menu {
    background-color: #555555;
}

#nav a:hover,
#nav a:focus,
#nav .navbar .nav > .active > a,
#nav .navbar .nav li.dropdown.open > .dropdown-toggle,
#nav .navbar .nav li.dropdown.active > .dropdown-toggle,
#nav .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffca09;
}

#body ul.products li.product div.details > div.price,
#body ul.product-groups li.product-group div.details > div.price,
#body ul.products li.product div.details > div.price-outer .special,
#body ul.product-groups li.product-group div.details > div.price-outer .special,
#body ul.products li.product div.details > div.price a,
#body ul.product-groups li.product-group div.details > div.price a,
#body ul.products li.product div.details > div.price-outer .special a,
#body ul.product-groups li.product-group div.details > div.price-outer .special a {
    color: #159279;
}

body.shop_cart_view #body form.cart table.cart tr.item div.label,
body.ordertemplate_list #body table.order-templates tr div.label {
    color: #333333;
    font-size: 14px;
}

body.shop_product_view #body > div.price,
body.shop_productgroup_product #body > div.price,
body.shop_product_view #body > div.price-outer .special,
body.shop_productgroup_product #body > div.price-outer .special {
    color: #159279;
}

body.blog_blog_list #body ul.media-list li.media {
    border-bottom: 2px dotted #a6a8ab;
}

body.blog_blog_view #body .blog-details .badge + .badge,
body.blog_blog_list #body ul.media-list li.media .blog-details .badge + .badge {
    border-left: 1px solid #a6a8ab;
}

body.blog_blog_view #body .blog-details .comments-info {
    border-left: 1px solid #333333;
}

@media only screen and (min-width : 992px) {
    ul.products li.product .cart a {
        background-color: #333333;
    }
    
    #nav .navbar ul.nav ul.level_1.dropdown-menu {
        background-color: #333333;
    }    
}

[class^="icon-"],
[class*=" icon-"] {
    background-image: url('../../../../shop/img/glyphicons-halflings-white.png');
}

#nav-left ul.categories li.level_1 > a {
    color: #333333;
    border-bottom: 2px solid #333333;
}

#nav-left ul.categories li.level_1:first-child > a {
    border-top: 2px solid #333333;
}

#nav-left ul.categories li.level_1 > a:hover,
#nav-left ul.categories li.level_1 > a:focus,
#nav-left ul.categories li.level_1 > a.ui-state-active {
    text-decoration: none;
    background: #333333;
    color: #ffca09;
    outline: 0;
}

#nav-left ul.categories.level_2 {
    background: #e5e5e5;
    border-bottom: 2px solid #333333;
}

#nav-left ul.categories.level_2 > a:hover,
#nav-left ul.categories.level_2 > a:focus,
#nav-left ul.categories.level_2 li.level_2.active > a {
    text-decoration: none;
    background: #7f7f7f;
    color: #ffffff;
    outline: 0;
}

#nav-left ul.categories.level_3,
#nav-left ul.categories.level_3 a {
    background: #7f7f7f;
    color: #ffffff;
}

#nav-left ul.categories.level_3 li.level_3:hover,
#nav-left ul.categories.level_3 a:hover,
#nav-left ul.categories.level_3:focus {
    color: #333333;
    text-decoration: none;
    outline: 0;
}

@media only screen and (max-width:992px) {
    #nav .navbar ul#menu_1.nav ul.dropdown-menu.level_3 {
        background: #888;
    }
}