body
{
    background-color: #f7faff;
    /*background-image: url('https://www.benwick-sports.co.uk/themes/custom/img/body-bg.png');
    background-repeat: no-repeat;
    background-attachment: fixed;*/
    
    font-family: 'Lato', sans-serif !important;
}

.topHeader
{
    height: 265px;
    background-image: url('header3.jpg');
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.topBar
{
    font-family: 'Baloo 2', cursive;
    font-size: larger;
}

.bodyStyle
{
    min-width: 69% !important;
}

label 
{
    margin-bottom: 7px;
    font-weight: bold;
    display: block;
}

.menuOpened
{
    background-color: #505050 !important;
}

input[type=text] 
{
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type=password] 
{
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.mainContent
{
    background-color: rgb(235, 233, 233);
    color: black;
}

.menuContent
{
    padding-left: 5px; 
    padding-right: 5px;
}

.pageContent
{
    padding-left: 5px; 
    padding-right: 5px;
}

.headerNotification
{
    height: 75px;
}

.mainNews
{
    font-size: 16px;
}

.productOperations
{
    font-weight: bold;
    padding: 15px !important;
    /*min-height: 250px !important;
    padding-bottom: 10px;*/
}

.categoryHeader
{
    margin-top: 20px;
    font-size: 30px !important;
    font-family: 'Baloo 2', cursive;
    font-weight: bold;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #f5f5f5;
    background-color: linear-gradient(to bottom, #ffffff, #f3f3f3);
    background-repeat: repeat-x;
}

.articleNumber
{
    font-size: smaller;
}

.contentBox
{
    text-align: left;
    padding: 5px;
    background-color: #f5f5f5;
    background-color: linear-gradient(to bottom, #ffffff, #f3f3f3);
    background-repeat: repeat-x;
}

.searchContent
{
    min-height: 80px !important;
    color: black;
    border-bottom: 1px solid gray;
    text-align: center;
    font-family: 'Lato', sans-serif !important;
}

.searchContent:hover
{
    background-color: rgb(252, 252, 157);
}

.productPrice
{
    font-size: x-large
}

.productStock
{
    font-size: medium;
    /*font-style: italic;*/
}

.productMainImage
{
    border: 1px solid black;
    max-height: 255px !important; 
    max-width: 350px !important;
    cursor: pointer;
}

.productInCategory
{
    background-color: #FFFFFF;
    min-width: 165px !important;
    min-height: 300px !important;
    border-right: 1px solid rgb(112, 112, 112);
    border-left: 1px solid rgb(112, 112, 112);
    border-top: 1px solid rgb(112, 112, 112);
    text-align: center;
}

.productInCategoryImage
{
    max-width: 140px !important;
    max-height: 125px !important;
}

.productInCategoryImg
{
    height: 125px !important;
}

.productInCategoryDescription
{
    display: inline-block;
    height: 50px !important;
    font-size: 12px;
}

.productInCategoryText
{
    display: inline-block;
    height: 50px;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 15px;
}

.hide
{
    display: none;
}

.discount
{
    padding: 6px;
    background-color: red !important;
    border-radius: 5px;
    margin-left: 5px;
    transform: rotate(-10deg);
    color: white;
    font-size: 15px;
    width: 80px !important;
}

.breadCrumbs
{
    font-size: medium;
    font-weight: bold;
    font-family: 'Baloo 2', sans-serif !important;
}

.menu
{
    font-family: 'Overpass', sans-serif;
    font-size: 15px;
}

.orderHeader
{
    font-family: 'Overpass', sans-serif;
    background-color: beige;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 2px;
    border-bottom: 1px dotted black;
    margin-bottom: 10px;
}

.invalid 
{
    background-color: #ffdddd !important;
    border: 1px solid red !important;
}

.step 
{
    height: 25px;
    width: 25px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}
  
.step.active 
{
    background-color: green;
    opacity: 1;
}

.cartHead
{
    border-bottom: 1px dotted gainsboro; 
    background-color: gainsboro;
}

.cartRow
{
    border-bottom: 1px dotted gainsboro;
}

.footer
{
    min-height: 65px !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.separator
{
    min-height: 40px;
}

table, th, td
{
    font-family: 'Oswald', sans-serif;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}