/*
    ============== (C) Copyright Relate.IT - All rights reserved ===============

    The copyright to the contents herein is the property of Relate.IT. The
    contents may be used and/or copied only with the written permission of
    Relate.IT, or in accordance with the terms and conditions stipulated in
    the agreement/contract under which the contents have been supplied.

    Website:  https://relate.it
	============================================================================
*/

header {
    padding: 10px 0px; }

header .logo {
    width: 100%; }

form.form-search {
    margin-bottom: 5px; }
.search {
    padding-top: 20px; }
input.search-query {
    height: 35px; border: 1px solid #DEDEDE; }

.toolbar {
    padding-top: 10px; }
.toolbar .btn-large [class^="icon-"] {    
    margin-top: 6px; margin-right: 5px; }

.language-select {
    margin-top: 20px; }
.language-select a {
    margin-right: 6px; }
.language-select img {
    opacity: 0.5; }
.language-select a:hover img, .toolbar img.selected {
    opacity: 1; }

.form-search .input-append .btn {
    border-radius: 0 5px 5px 0; }
.form-search .input-append .search-query {
    border-radius: 5px 0 0 5px; }

.ui-autocomplete {
    border-color: #DEDEDE; box-shadow: 2px 2px 10px #DEDEDE; }
li.product_group-name {
    border-top: 2px dotted #DEDEDE; margin-top: 10px !important; padding-top: 10px !important; }
li.product_group-name ~ li.product_group-name {
    border-top: none; margin-top: 0px !important; padding-top: 0px !important; }
input.ui-autocomplete-loading {
    background: white url("../images/ajax-loader-small.gif") 97% center no-repeat; }

.ui-menu-item:hover a {
    background-image: none; background-color: #fdbf32; border-color: #fdbf32;
    border-radius: 0px; }
.ui-menu-item:hover a span {
    color: white; }

.nav-groups > li {
    float:none; display:inline-block; zoom:1;  }
.nav-groups > li > a {
    background-color: #224984; color: white; border-radius: 5px; margin: 0.4rem; padding: 0.75rem; }
.nav-groups > li > a:hover {
    background-color: #5377AD; }
.nav-groups {
    text-align:center; margin-bottom: 10px; }

.btn-group > .btn:first-child {
    border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.btn-group > .btn:last-child {
    border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.btn {
    border-color: #fdbf32; background-image: linear-gradient(to bottom,#fdbf32,#e6a015); 
    color: white; text-shadow: none; }
.btn:hover, .btn:focus {
    background-color: #fdbf32; background-image: none; color: white; }
.cart-filled {
    background-image: linear-gradient(to bottom,#5377AD,#224984);
    border-color: #224984; }
.cart-filled:hover {
    background-color: #5377AD; background-image: none; }


.usps {
    display: inline; }
.usps ul li {
    display: inline; background: url(../images/tick.png) no-repeat center left;
    margin-top: 2px; margin-right: 15px; padding-left: 22px; font-size: 9pt; }

.breadcrumbs {
    margin-bottom: 0.7rem; }

.group-navigation {
    margin: 0px 0px 12px 0px !important; }
.group-navigation li {
    line-height: 24px; margin-top: 0px !important; }
.group-navigation svg {
    vertical-align: middle; }
.group-navigation li.active, .group-navigation li.sibling {
    margin-left: 18px; }
.group-navigation li.active {
    font-weight: bold; }
.sub-group-navigation {
    margin: 0px 0px 0px 9px !important; }
.sub-group-navigation svg {
    margin-right: 2px; }

.left-margin-0 {
    margin-left: 0 !important; }
.shortcut-product-groups .shortcut-product-group {
    margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; padding: 0.8rem; }
.shortcut-product-groups .span3 img { 
    height: 200px; }
.shortcut-product-groups .span4 img { 
    height: 250px; }
.shortcut-product-groups a:hover {
    text-decoration: none; }
.shortcut-product-group img { 
    border-radius: 5px; margin-bottom: 0.7rem; }
.shortcut-product-group h2 {
    width: 100%; text-align: center; color: #234984; margin: 0; 
    font-size: 20px; font-weight: bold; font-family: 'open_sanssemibold'; }
.shortcut-product-group a {
    text-align: center; width: 100%; }
.shortcut-product-group:hover {
    background: #fcf4e1; border-radius: 5px; }

@media (max-width: 767px) {
    header {
        padding: 5px 0; }
    header .container-fluid {
        padding: 0px 5px; }
    header .logo {
        height: 35px; width: auto; float: none; }
    header table {
        width: 100%; }

    .toggle-menu {
        position: absolute; list-style: none; border-top-right-radius:5px; 
        border-bottom-right-radius: 5px; border-color: #fdbf32; 
        background-image: linear-gradient(to bottom,#fdbf32,#e6a015); 
        display: none; margin: 25px 0 0 -6px; z-index: 1000;
        box-shadow: 5px 5px 20px #fdbf32; }
    .toggle-menu.btn.active .toggle-menu.btn:hover, .toggle-menu.btn:focus {
        background-color: #e6a015; }
    .toggle-menu a {
        font-size: 17.5px; display: block; padding: 15px 20px; color:#fff;
        border-bottom:1px solid #fdbf32; }
    .toggle-menu li.special a {
        border-left: 5px solid #224984; }
    .toggle-menu a:last-child {
        border-bottom-right-radius: 5px; }
    
    .logo {
        margin-bottom: 0px; }
    .toolbar {
        padding-top: 0px; }
    .search {
        padding-top: 10px; }
    .search-query {
        width: 93%; }
    
}