p.title{
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
}
/*Discounted price*/
.Dprice{
    padding: 0;
    margin: 0;
    color: #C72A2A;
    font-weight: 900;
}
/*Current price*/
.price{
    padding: 0;
    margin: 0;
    color: #000000;
    font-weight: 900;
}
/*before price*/
.bPrice{
    padding: 0;
    margin: 0;
    text-decoration: line-through;
}

.priceDesc{
    font-weight: 600;
}

.noSpace{
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #FFFFFF;
    float: top !important;
    border: #FFFFFF;

}

.dot {
    position: absolute;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    /*
     Put left edge in the center
    */
    left: 15%;
    border: 2px solid rgba(0,0,0, .20);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.border{
    border-radius: 50%;
    height: 30px;
    width: 30px;
    border: 1px solid;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px;

}
.card-img-top{
    cursor: pointer;
}
/*used to minimise text showing in a div box makes ... appear*/
/*got from https://stackoverflow.com/questions/5269713/css-ellipsis-on-second-line*/
.cutOff {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5em;
    max-height: 3em;
    color: #000000;
}

footer {
    padding: 5px;
    height: auto;
    width: 100%;
    background-color: #222222;
    color: #FFFFFF;

}

.pushToBottom{
    position: absolute;
    bottom: 0;
}


.img-icon{
    float: right;
    width: 25px;
    height: 25px;
    margin: 5px;
}


/*borders and border colours*/
.itemHover {
    border: 4px green solid;
    margin: 0;
    padding: 0;
}

.boxBorder {
    margin: 0;
    padding: 0;
    border: 4px solid;
}


.red {
    border: 4px red solid;
    margin: 0;
    padding: 0;
}