@CHARSET "UTF-8";

@font-face {
    font-family: 'Oswald';
    src: url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-light-webfont.eot');
    src: url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-light-webfont.woff2') format('woff2'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-light-webfont.woff') format('woff'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-light-webfont.ttf') format('truetype'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-regular-webfont.eot');
    src: url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-regular-webfont.woff2') format('woff2'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-regular-webfont.woff') format('woff'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-regular-webfont.ttf') format('truetype'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Oswald/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Roboto/Roboto-Regular-webfont.eot');
    src: url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Roboto/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Roboto/Roboto-Bold-webfont.eot');
    src: url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Roboto/Roboto-Bold-webfont.ttf') format('truetype'),
         url('https://d39o10hdlsc638.cloudfront.net/bundles/template/fonts/Roboto/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
    font-size: 15px;
    font-family: 'Roboto';
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid #a6a8ab;
}

select {
    border-radius: 0;
    -webkit-border-radius: 0;
}

a.btn,
input.btn,
button.btn,
input.button,
ul.products li.product .cart a,
ul.products li.product .view a,
ul.product-groups.grid li.product-group .view a {
    font-family: 'Oswald';
    border: none;
    text-transform: uppercase;
    text-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-image: none;
    background-color: #666666;
    color: #ffffff;
}

a.btn:hover,
input.btn:hover,
button.btn:hover,
input.button:hover,
a.btn:focus,
input.btn:focus,
button.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: #ffffff;
    background-image: none;
    background-color: #000000;
}

ul.products li.product .cart a,
ul.products li.product .view a {
    margin: 0 auto 5px;
}

ul.products li.product .cart a,
ul.products li.product .cart a:hover,
ul.products li.product .cart a:focus {
    text-indent: 26px;
    background-color: #666666;
    background-image: url('../png/cart-button.png');
    background-position: calc(50% - 46px) center;
    background-repeat: no-repeat;
}

ul.products li.product .cart a:hover,
ul.products li.product .cart a:focus {
    background-color: #000000
}

h1,
h2,
h3,
h4 {
    text-transform: uppercase;
    font-family: 'Oswald';
    margin: 0.5em auto;
}

#above-header-outer {
    border-bottom: 1px solid #a6a8ab;
    padding: 10px 0 8px;
}

#above-header-inner > div.login,
#above-header-inner > div.logout,
#above-header-inner > div.account {
    float: left;
    padding: 0 0 0 5%;
}

#above-header-inner > div.login a,
#above-header-inner > div.account a,
#above-header-inner > div.cart-outer a {
    font-family: 'Oswald';
}

#above-header-inner > div.login a,
#above-header-inner > div.account a {
    text-transform: uppercase;
}

#above-header-inner div.cart-outer {
    float: right;
    width: 40%;
    padding: 0 calc(5% + 12px) 0 0;
    text-align: right;
    background: url('../png/cart-header.png') 95% center no-repeat;
}

#above-header-inner div.cart-outer div.cart .items,
#above-header-inner div.cart-outer div.cart .total {
    display: inline-block;
    vertical-align: top;
}

#above-header-inner div.cart-outer div.cart .items .item-label {
    display: none;
}

#above-header-inner div.cart-outer h3,
#header div.search-outer h3,
.breadcrumb {
    display: none;
}

#header-inner {
    text-align: center;
}

#header div.search-outer {
    padding: 20px 0;
}

#header div.search-outer form.search {
    text-align: center;
    width: 90%;
    margin: 0 5%;
    height: 30px;
}

#header div.search-outer form.search .controls,
#header div.search-outer form.search .control-group,
#header div.search-outer form.search input {
    margin-bottom: 0;
}

#header div.search-outer form.search input {
    float: left;
}

#header div.search-outer form.search input.keywords {
    width: calc(90% - 26px);
    margin-right: 5px;
}

#header div.search-outer form.search .submit input.btn {
    background: url('../png/search.png') center center no-repeat;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-indent: -10000px;
    width: 30px;
    height: 30px;
}

#header-inner #block_10 {
    width: 90%;
    padding: 0 5%;
}

#header-inner #block_10 img {
    max-width: 100%;
    height: auto !important;
}

#nav {
    font-family: 'Oswald';
    text-transform: uppercase;
    background: #666666;
    border: none;
    color: #ffffff;
}

#nav a {
    text-shadow: none;
    -webkit-text-shadow: none;
    color: #ffffff;
    border-top: 1px solid #ffffff;
}

#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: #ffffff;
}

#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 {
    color: #ff0000;
}

#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: #ff0000;
}

#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,
#body ul.product-groups li.product-group div.details > div.price-outer {
    font-family: 'Oswald';
    font-weight: bold;
}

body.shop_cart_view #body form.cart table.cart tr.item div.label {
    font-family: 'Oswald';
    font-size: 14px;
}

#footer {
    background: #666666;
    color: #ffffff;
}

#footer a {
    color: #ffffff;
}

#footer a:hover,
#footer a:focus {
    color: #ffffff;
}

#footer h1,
#footer h2,
#footer h3 {
    color: #ffffff;
    border-bottom: 1px dotted #ffffff;
}

#nav .navbar ul#menu_1.nav .dropdown-menu {
    background: #666666;
}

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

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 {
    font-family: 'Oswald';
    color: #ff0000;
}

#nav .navbar a.menu-toggle {
    color: #ffffff;
    background: url('../png/menu.png') calc(95%) center no-repeat;
}

#body form .controls span.help-inline {
    color: #ff0000;
}

body.shop_cart_view #body form.cart table.cart tbody tr.item td.remove a.btn,
body.shop_cart_view #body form.cart table.cart tbody tr.item td.product div.delete a.btn,
body.ordertemplate_update #body table.order-template-products .code .remove a.btn,
body.favourite_favourite_list #body form.cart table.favourites .name .delete a.btn,
#sales-representative-inner div.stop a {
    color: #ff0000;
}

body.shop_cart_view #body form.cart table.cart tr.item div.label {
    font-family: 'Oswald';
    font-weight: bold;
}

#sales-representative-outer {
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border-bottom: 1px solid #c09853;
}

body.blog_blog_list #body ul.media-list li.media .media-heading {
    font-family: 'Oswald', sans-serif;
    font-size: 1.3em;
    line-height: 1;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #above-header-inner div.login a,
    #above-header-inner div.account a,
    #above-header-inner div.cart-outer a {
        margin-right: 4px;
    }
    
    #header-inner #block_10 {
        width: auto;
        padding: 0;
        text-align: left;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #header div.search-outer {
        position: absolute;
        top: 20px;
        right: 20px;        
    }
    
    #above-header-inner > div.login,
    #above-header-inner > div.logout,
    #above-header-inner > div.account {
        padding-left: 0;
    }
    
    #header div.search-outer form.search {
        width: auto;
        margin: 0 auto;
    }
    
    #header div.search-outer form.search .controls,
    #header div.search-outer form.search .control-group,
    #header div.search-outer form.search input {
        display: inline-block;
        vertical-align: top;
    }
    
    #header div.search-outer form.search input.keywords {
        float: none;
        width: 206px;
        margin-right: 0;
    }

    #header div.search-outer {
        right: 0;
    }

    #above-header-inner div.cart-outer {
        padding: 0 30px 0 0;
        background: url('../png/cart-header.png') right center no-repeat;
    }
        
    #above-header-inner div.account {
        padding: 0;
    }
    
    ul.products li.product .cart a,
    ul.products li.product .cart a:hover,
    ul.products li.product .cart a:focus {
        text-indent: -10000px;
        background-position: center center;
    }
    
    #nav .navbar ul#menu_1.nav ul.level_1.dropdown-menu {
        background: #666666;
    }
    
    #nav a {
        border-top: none;
    }
    
    body.blog_blog_list #body ul.media-list li.media .media-heading {
        font-size: 1.83em;    
    }
}