/**  GOOGLE FONT IMPORT  **/
@import url('//fonts.googleapis.com/css?family=Montserrat');
@import url('//fonts.googleapis.com/css?family=Roboto:300');




/**  SITE FONTS  **/
h1, h2, h3, #nav,
#nav-left ul.categories,

#above-header-inner > div.cart-outer a,
#above-header-inner > div.login a,
#above-header-inner > div.login a, #above-header-inner > div.account a, #above-header-inner > div.cart-outer a,
a.btn, input.btn,
ul.products li.product .cart a,
ul.products li.product .cart a:hover,
ul.products li.product .view a,
ul.products li.product .view a:hover,
ul.product-groups.grid li.product-group .view a,
ul.product-groups.grid li.product-group .view a:hover,
body.shop_product_view #body > div.price{
    font-family: 'Montserrat', san-serif;
    font-weight: normal;
    text-transform: none;
}

body, #body ul.products li.product div.details > div.price a, .price {
    font-family: 'Roboto', san-serif;
    font-weight: 300;
    text-transform: none;
}




/**  TOP LOGIN/CART AREA BACKGROUND COLOUR  **/
#above-header-outer {
    background: #ffdc00;
    border: none;
}

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

#above-header-inner > div.login a:hover, 
#above-header-inner > div.account a:hover, 
#above-header-inner > div.cart-outer a:hover {
    color: #ff0000 !important;
}

/**  LOGO AREA BACKGROUND COLOUR  **/
#header-outer {
    background: #FFF;
}

input[type="search"] {
}

/**  NAVIGATION BAR BACKGROUND COLOUR  **/
#nav {
    background: #333;
    border-bottom: 5px solid #e60000;
}

/**  NAVIGATION BAR LINK FONT COLOURS  **/
#nav a {
    color: #FFF;
    font-size: 1em;
    text-transform: uppercase;  /**  change to 'lowercase' if you don't want all caps  **/
    padding: 20px;
}

/**  NAVIGATION BAR LINK FONT COLOURS WHEN HOVERED OVER  **/
#nav a:hover,
#nav a:focus,
#nav .navbar .nav li.dropdown.open > .dropdown-toggle,
#nav .navbar .nav > .active > a {
    background-color: #e60000;
    color: #FFF;
}

/**  LEFT CATEGORIES MENU FONT COLOR  **/
#nav-left h2,
h1, h2, h3 {
    color: #333;
    font-size: 30px;
    text-transform: none; /**  change to 'lowercase' if you don't want all caps  **/
}

#nav-left, #nav-left h2 {
    text-align: left;
}

#nav-left h2 {
    margin-bottom: 10px;
}

#nav-left {
    background: #FFF;
    padding-bottom: 20px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    text-transform: none;
}

/**  LEFT CATEGORIES MENU ITEM WHEN HOVERED OVER  **/
#nav-left ul.categories li.level_1 > a.ui-state-active,
#nav-left ul.categories li.level_1 > a:hover {
    background: #ffdc00;
    color: #333;
    text-align: left;
}

#nav-left ul.categories li.level_2 > a:hover {
    background: #ffdc00;
    color: #333;
    text-align: left;
}


#nav-left ul.categories li.level_1:first-child > a,
#nav-left ul.categories li.level_1 > a {
    border-top: none;
}
#nav-left ul.categories li.level_1 > a {
    color: #333;
    border-bottom: none;
    text-transform: none;
    font-weight: normal;
    font-size: 0.9em;
}

#nav-left ul.categories li.level_2 > a {
    color: #333;
    border-bottom: none;
    text-transform: none;
    font-weight: normal;
    font-size: 0.9em;
}
#nav-left ul.categories li a {
    display: block;
    padding: 5px 12px;
}

#nav-left ul.categories.level_2 li.level_2.active > a {
    background: #ffe74d;
    color: #333;
}

#nav-left ul.categories.level_2 {
    background: #ffee80;
    border-bottom: none;
}

#nav-left ul.categories.level_3, #nav-left ul.categories.level_3 a {
    background: #ffe74d;
    color: #333;
}

#nav-left ul.categories.level_3 a {
    color: #333;
    font-size: 0.8em;
    text-transform: none;
}

#nav-left ul.categories.level_3 {
    padding-left: 0;
    list-style: none;
}



/**  BODY LINK COLOURS  **/
a {
    color: #333;
    text-decoration: none;
}

/**  BODY LINK COLOURS WHEN HOVERED OVER  **/
a:hover {
    color: #e60000;
    text-decoration: none;
}

/**  SPACING ABOVE AND BELOW LOGO  **/
#block_10 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


#content-inner {
    padding: 10px 0;
    min-height: 200px;
}


/**  BUTTON BACKGROUND COLOUR AND FONT COLOUR  **/
a.btn,
input.btn,
ul.products li.product .view a,
ul.products li.product .cart a {
    background-color: #ffdc00;
    color: #333;
    font-size: 0.9em;
}

/**  BUTTON BACKGROUND COLOUR AND FONT COLOUR WHEN HOVERED  **/
a.btn:hover,
input.btn:hover,
ul.products li.product .view a:hover,
ul.products li.product .cart a:hover {
    background-color: #e60000;
    color: #FFF;
    font-size: 0.9em;
}

/**  PRODUCT PRICE COLOUR  **/
.price,
#body ul.products li.product div.details > div.price a,
div.price.special a {
    color: #333 !important;
}

body.shop_category_viewquicklist #body table.products th.price {
    color: #333 !important;
}

/**  FOOTER BACKGROUND COLOUR  **/
#footer {
    background: #333;
}

/**  FOOTER HEADING COLOUR  **/
#footer h3 {
    color: #FFF;
    font-size: 16px;
}

/**  FOOTER LINK COLOUR  **/
#footer, #footer a {
    text-align: center;
    color: #FFF;
}

/**  FOOTER LINK COLOUR WHEN HOVERED OVER  **/
#footer a:hover {
    color: #ffdc00;
}

#footer h1, #footer h2, #footer h3 {
    border-bottom: none;
    text-align: center;
    padding: none;
    text-transform: uppercase;

}


#footer, #footer div.footer-column h1, #footer div.footer-column h2, #footer div.footer-column h3, #footer div.footer-column h4 {
    text-align: center;
}

#block_10 p {
    margin: 0;
}

#block_5 {
    margin-top: 0px;
    margin-bottom: 0px;
}

ul.products li.product .cart a {
   background-image: url(https://d347awuzx0kdse.cloudfront.net/kellets/content-image/cart-button-white.png) !important;
}

ul.products li.product .cart a:hover {
   background-image: url(https://d347awuzx0kdse.cloudfront.net/kellets/content-image/cart-button-white.png) !important;
}

body.shop_product_view #body div.related-products,
body.shop_productgroup_product #body div.related-products {
    float: left;
    margin-top: 20px;
}