.text-center {
    text-align: center;
}
.red {
    color: #BD0728;
}
.blue {
    color: #508090;
}
.underline {
    text-decoration: underline;
}
/*UTILS*/
.searchSelect,
.checkouthdrdetails tr:nth-of-type(1),
.CRMBasketOrderHeaderCreatedOn,
.CRMBasketOrderHeaderCreatedBy,
.CRMBasketOrderHeaderAmended,
.checkouthdraddress tr:nth-of-type(1){
    display: none;
}
li{
    list-style: none;
}
a{
    color: #000080;
}
form{
    margin-bottom: 0;
}
.searchpagenav{
    text-align: right;
}
.searchpagenav a {
    border: none;
    outline: none;
    background-color: transparent;
}
.searchpagenav a.current{
    color: #000080;
}
label {
    font-weight: 700;
}
/*HEADER*/
.site-title {
    margin-bottom: 5px;
}
ul#main-menu li {
    text-transform: uppercase;
}
.row.row-head {
    background-color: #000080;
    margin: 0;
    margin-bottom:5px;
}
header .row{
    padding-bottom: 0;
}
ul#main-menu li a {
    padding: 20px 5px;
}
ul#main-menu li a:hover {
    background-color: #323299;
    border-bottom: red 2px solid;
    padding: 20px 5px 18px;
}
.row-head > div,
.row-head > nav{
    border-bottom: 2px solid white;
    padding: 5px 15px;
}
.row-head,
.row-head a{
    color: white;
}
.row-head #mobile-menu:after{
    content: " \f0c9";
    font-family: "FontAwesome";
}
.inout:after {
    content: " \f007";
    font-family: "FontAwesome";
}
.row-head #view-basket a:after,
.row-head .inout:after,
.row-head #mobile-menu:after{
    position: absolute;
    right:35px;
    color: white;
    top: 6px;
}
.search-bar-cont #CRMProdSearch select, 
.search-bar-cont #CRMProdSearch input[type="text"]{
    margin-bottom: 0;
}
input.searchTextBox,
input.searchButton.fa{
    background-color: transparent;
    border: none;
    border: 1px solid red;
    border-right: 0;
    border-radius: 2px 0 0 2px;
    color: red;
    height: 20px;
    outline: none;
}
input.searchButton.fa {
    border-right: 1px solid red;
    border-left: 0;
    border-radius: 0 2px 2px 0;
    padding: 8px 5px;
    height: 32px;
}

.search form {
    padding: 20px 0;
}

input.searchTextBox{
    width: 90% !important;
    line-height: 30px;
    padding: 15px 5px;
}
input.searchTextBox::-webkit-input-placeholder {
   color: red;
}

input.searchTextBox:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

input.searchTextBox::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

input.searchTextBox:-ms-input-placeholder {  
   color: red;  
}

/*FOOTER*/
div#footer-cont .row { 
    background-color: #000080;
    color: white;
    padding: 20px;
}
div#footer-cont .row a,
.footer-links span, 
.footer-links span a{
    color: white !important;
}
footer h1 {
    border-bottom: 1px solid white;
}
.footer-logo-cont{
    text-align: left;
}

/*BODY*/
#body-cont {
    min-height: 85vh;
}
#crumbs {
    background-color: #D3D3D3;
    padding: 10px 15px;
    margin-bottom: 10px;
}

/*HOMEPAGE*/
.carousel-indicators{
    bottom: 0;
}
.carousel-indicators li{
    border: 1px solid #000080;
}
.carousel-indicators .active{
    background-color: #000080;
}
.carousel-control i.fa.fa-arrow-left,
.carousel-control i.fa.fa-arrow-right{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control i.fa.fa-arrow-left {
    left: 50%;
    margin-left: -10px;
}
.carousel-control i.fa.fa-arrow-right{
    right: 50%;
    margin-right: -10px;
}
#home-categories-list{
    margin-top: 10px;
}
#home-categories-list h3 {
    text-align: center;
    margin-bottom: 10px;
    text-decoration: underline;
    color: #000080;
}
#home-categories-list ul li{
    padding: 5px;
}

#home-categories-list .CRMCategoryThumbList ul li:nth-child(1n+4) {
    display: none;
}

.home .CRMCategoryThumbList ul li {
    width: calc(100% - .5em);
}

/*CONTACT*/
.overlay {
   background:transparent; 
   position:relative; 
   width:640px;
   height:480px; /* your iframe height */
   top:480px;  /* your iframe height */
   margin-top:-480px;  /* your iframe height */
}
/*CATEGORIES*/
.CRMCategoryThumbList ul li{
    padding: 0;
    position: relative;
}
.CatThumbgroupdesc{
    position: relative;
    bottom: 0;
    left:0;
    display: block;
    width: 100%;
    min-height: 65px;
    padding: 15px;
    background-color: #000080;
}
.CatThumbgroupdesc a{
    color: white;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-7%);
}   
.CatThumbgroupdesc:hover {
    background-color: #323299;
    border-bottom: 2px solid red;
    padding: 15px 15px 13px;
}

/*SEARCH RESULTS*/
.CRMProdItemAddToBasket .addqty{
    width: 2em;
    height: 25px;
}
input.CRMBuyButton,
.basketcontrols input[value="Checkout"]{
    background-color: #000080;
    padding: 5px 10px;
    color: white;
    border: none;
    outline: none;
    border-radius: 5px;
    height: 25px;
}
.CRMCategoryList > ul > li ul li:nth-last-of-type(1) a,
.CRMCategoryList > ul > li ul a{
    border-bottom: 1px solid #000080;
}
.CRMCategoryList > ul > li > ul{
    margin-left: 20px;
}

.CRMCategoryList > ul > li ul a:hover{
    background-color: transparent;
    border-bottom: 1px solid red;
}
.proddets{
    text-align: left;
}
.proddets > div {
    margin: 5px 0;
}
.stockout{
    height: 10px;
    width: 10px;
    background-color: red;
    display: inline-block;
}
.stockin{
    height: 10px;
    width: 10px;
    background-color: green;
    display: inline-block;
    margin-right: 5px;
}
.CRMProdItemDetailExDesc,
.CRMProdItemDetailSpec,
.CRMProdItemDetail  form{
    margin-top: 10px;
}
.CRMProdItemDetailRef,
.CRMProdItemSummaryRef{
    font-size: 10px;
    color: #D3D3D3;
}
.specificationtitle, 
.CRMProdItemDetailExDesc .l {
    display: block;
    font-weight: 700;
    font-size: 1.5em;
    margin-bottom: 5px;
}

/*BASKET*/
.basketcontrols input{
    height: 25px;
}
#checkout-stages li.selected {
    font-size: 1.4em;
    color: #000080;
}
.checkouthdrdetails h3, 
.checkouthdraddress h3, 
.ordersummarydetails h3, 
.ordersummaryaddress h3, 
.ordersummarypayment h3 {
    padding: 0;
    margin: 0;
    margin-bottom: .5em;
    display: block;
    background: #000080;
    color: white;
    padding: .5em;
}
.checkouthdrdetails table, 
.checkouthdraddress table, 
.ordersummarydetails table, 
.ordersummaryaddress table, 
.ordersummarypayment table {
    margin: 1em;
}

.checkouthdrdetails table tbody tr td,
.checkouthdraddress table tbody tr td{
    padding: 5px;
}
.CRMHeaderBasketCheckout .CRMBasketButton {
    text-align: right;
    margin-bottom: 20px;
}

.CRMHeaderBasketCheckout tr {
    vertical-align: top;
}
/*ACCOUNT*/
.minimenu ul li a {
    background-color: #000080;
    color: white;
    padding: 5px;
}

.minimenu ul li {
    border: 1px solid #000080;
    margin: 10px 0;
}

.minimenu ul li p {
    padding: 5px;
}
.CRMChangePassword div {
    margin-bottom: 10px;
}
span.prodblock {
    vertical-align: top;
}

span.prodblock label,
.quantitycol label{
    margin-right: 10px;
}

span.prodblock span input, 
button.search,
.quantitycol input,
.quantitycol button,
.addrow button{
    height: 25px;
}
.orderpadrows,
.addrow{
    margin-bottom: 10px;
}

.CRMCategoryThumbList ul li a img {
    width: 100%;
}
.CRMProdItemDetailImg {
    margin-right: 20px;
}
.product-card a {
    background-color: red;
    color: white;
    padding: 10px;
    border-radius: 5px;
}

.product-card {
    margin-top: 10px;
}
/*MEDIA QUIRES*/
@media(min-width: 768px) {
    div#footer-cont .row {
        margin: 0;  
    }
    .carousel-control i.fa.fa-arrow-left,
    .carousel-control i.fa.fa-arrow-right{
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }
    .carousel-control i.fa.fa-arrow-left{
        margin-left: -15px;
    }
    .carousel-control i.fa.fa-arrow-right{
        margin-right: 15px;;
    }
}
@media(min-width: 992px) {
    .row-head > div, 
    .row-head > nav{
        border-bottom: none;
    }
    .row-head > nav{
            padding: 0 15px;
    }
    .row-head > div.search{
        padding: 19px 15px;
    }
    input.searchTextBox {
        width: 90% !important;
    }
    #greetings-cont{
        color: #000080;
    }
    .phone a{
        color: red;
    }
    /*HOMEPAGE*/
    #home-categories-list{
        margin-top: 25px;
    }
    home-categories-list ul{
        padding: 15px;
    }
    #home-categories-list ul li{
        margin: 10px 15px;
        width: 30.24%;
    }
    .home .CRMCategoryThumbList ul li {
        width: calc(33.3% - .5em);
    }
}

.home .CRMProdItemAddToBasket {
	display: none;
}