body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
    max-width: 100%;
    /*background-color: #fafafa;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

#bodycol {
    padding: 10px 15px 5px 15px;
}
/*Itembox css*/
#itemboxlist {
    user-select: none;
}

#itemboxbody {
    padding: 10px 0px 0px 0px;
    display:flex;
    
}
#itemboxrow {
    display: inline-flex;
}

.itemboxcontainerouter {
    display: inline-flex;
    padding: 0px 0px 20px 0px;
}
.itemboxcontainerinner {
    padding: 3px; /*changes distance between itemboxes */
}
.box-shadow {
    box-shadow: 0px 0px 2px 0px #D3D3D3;
}
#itempictureboxouter {
    border: 1px solid #F5F5F5;
    padding:0px;
}
    #itempictureboxouter:hover {
        border: 1px solid #000000;
        box-shadow: 0px 0px 6px 0px #808080;
    }

#itemboxbtn1 {
    font-size: 20px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    background-color:bisque;
}
#itemboxnumfield {
    border: 1px solid yellow;
    border-radius: 15px;
    background-color: lightyellow;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 0px 0px;
    font-size: 20px;
    text-align: center;
}
#itemboxbtn2 {
    margin: 0px 0px 0px 0px;
    text-align: left;
    font-size: 20px;
    background-color:aquamarine;
}
#itempictureframe {
    padding: 0px 0px;
    margin: 0px;
    text-align: center;
}
#itemtextboxouter {
    text-align:center;
}
#itemtextframe {
    padding: 16px 0px 0px 0px;
    margin: 0px;
}
#itemnameptag {
    padding: 6px 3px 6px 3px;
    margin: 0px;
    font-size: 14px;
    font-weight: 600;
}
#descptag {
    padding: 0px 3px 12px 3px;
    margin: 0px;
    font-size: 12px;
    text-align: left;
}
#pricetagouter {
    margin: 0px;
    padding: 2px 12px 0px 10px;
    text-align: left;
}
#priceptag {
    font-size: 16px;
    margin: 0px;
    text-align: right;
}

#itemqtyouter {
    display: inline-flex;
    text-align:center;
}
#itemqtycounter {
    display: inline-flex;
    margin: 0px;
    padding: 6px 12px;
    background-color: white;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    user-select: none;
}
.itembasketqtycounter {
    min-width: 30px;
    justify-content: center;
    margin: 0px;
    background-color: white;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    user-select: none;
}
.itembasketqtycounter2 {
    min-width: 20px;
    justify-content: center;
    display: inline-flex;
    margin: 0px;
    padding: 3px 6px;
    background-color: white;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    user-select: none;
}
#itemqtyouter .itemqtybtn1 {
    margin: 0px;
    display: inline-flex;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    transition: unset;
    border: 1px solid black;
    transition: unset;
    --bs-btn-padding-x: 0.35rem;
}
.itemqtybtn1:active {
    background-color: #fcff8a;
}
.itemqtybtn1:hover {
    background-color: #fcff8a;
}

#itemqtyouter .itemqtybtn2 {
    margin: 0px;
    display: inline-flex;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: 1px solid black;
    transition: unset;
    --bs-btn-padding-x: 0.35rem;
}
.itemqtybtn2:active {
    background-color: #fcff8a;
}
.itemqtybtn2:hover {
    background-color: #fcff8a;
}

#basketcardremovebtndiv .removebtn {
    --bs-btn-padding-x: 0.15rem;
}

#itemqtybtn1text {
    font-size: 12px;
}
#itemqtybtn2text {
    font-size: 12px;
}

#pricetextdivtag {
    display: flex;
    padding: 0px 0px 6px 0px;
}
#itembuybuttonouter {
    text-align: right;
    display: inline-flex;
    padding: 0px 0px 0px 0px;
}
#itembuybutton {    
    margin: 0px;
    padding: 2px 10px;
    border: 1px black solid;
    color: black;
    transition:unset;
}
    #itembuybutton:hover {
        background-color: lightgray;
    }
    #itembuybutton:active {
        background-color: lightgreen;
    }
#itembuybuttontext {
    font-size: 14px;
    padding: 0px 0px 2px 0px;
    margin: 0px;
}

#itempicture {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
#itemdisplaycardouter {
    text-align: center;
}
#itemdisplaycardimage {
}

#itemboxbtnframe1 {
    text-align: left;
}
#itemboxbtnframe2 {
    text-align: right;
}
/*END about page css*/

/*ST layout page css*/
#navbarcontainer {
    padding: 0px 0px 0px 0px;
}
#navbarbox {
    height: auto; /* keep this the same as the other two*/
    background-color: white;
    border-bottom: 1px solid lightgrey;
    padding: 0px 15px 4px 15px;
}
#mainlogodiv {
    text-align: center;
    padding: 6px 0px 0px 0px;
}
#mainlogoimg {
    display:inline-block;
    width: 64px; /* keep this the same as the other two*/
    height: 64px; /* keep this the same as the other two*/
}
#mainlogoimg2 {
    display: inline-block;
    width: 144px; /* keep this the same as the other two*/
    height: 48px; /* keep this the same as the other two*/
    padding: 0px 0px 0px 0px;
}
.naviitemcustom {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: black;
    text-decoration: none;
    text-align: center;
    /*border-bottom: 2px solid white;  */  
    height:auto;
}
    .naviitemcustom:hover {
        /*text-shadow: 0px 0px 1px black;*/
        /*background-color: rgb(244, 244, 244);*/
        /*border-bottom: 2px solid black;*/
    }

#navbuttoncol {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: black;
    text-decoration: none;
    text-align: left;
}
.hiddennavcol {
    content: '&#8203';    
    visibility:hidden;
}

#accountdivcolumn:hover {
    
}
#accountdiv {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
    #accountdiv:hover {
        background: linear-gradient(to right, white, #f0f0f0);
    }

#basketdiv {
    color: black;
    padding: 0px 0px 0px 8px;
    text-decoration: none;
    align-items: center;
    display: inline-flex;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
    #basketdiv:hover {
        background: linear-gradient(to right, white, #f0f0f0);
    }
#basketimgdiv {
    padding: 0px 0px 0px 0px;
}
#accountimgdiv {
    padding: 2px 0px 0px 0px;
}
.accounttitle {
    padding: 4px 0px 4px 0px;
    margin: 0px;
    color: black;
    text-decoration: none;
    align-items: center;
    justify-content: center;
}
#accountlabeldiv {
    padding: 3px 0px 0px 0px;
    text-align: left;
}
#accountuserlabeldiv {
    padding: 0px 0px 0px 0px;
}
#accountlabelcontent {
    font-size: 14px;    
}
#accountuserlistlabel {
    user-select: none;
    max-width: 220px;
    border-bottom: 1px black solid;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: lightgrey white; 
}
#accountuserlistlabel:hover {
    user-select: none;
    background-color:white;    
}

#accountuserlabelcontent {
    padding: 2px 0px 0px 0px;
    text-align: left;
}
#accountuserlabelbutton {
    background-color: transparent;
    font-size:14px;
    padding: 2px 4px 2px 6px;
    color:black;
}
#accountuserlabelbutton:hover {
    border: 1px black solid;
}
#accountuserlabelcontent:hover {
    /*background-color: white;*/
}
#accountuserlabeldropdown {
    top: 100%;
    left: 0px;
}
.dropdown-item {
    font-size: 14px;
}
.dropdown-item:hover {
    background-color: lightgray;
}
#basketsubtotal {
    font-size: 14px;
}
#basketprice {
    font-size: 14px;
}
#basketpricediv {
    padding: 0px 0px 4px 0px;
    text-align: left;
}
.underlineOnHovertag:hover {
    text-decoration: underline;
    text-shadow: none;
}
#navbarsmallouter {
    padding: 0px 15px 4px 15px;
    border-bottom: 1px solid lightgrey;
}
#navbarsmallinner {
    padding: 0px;
    user-select: none;
}
.navbarsmalllink{
    font-size: 12px;
    text-decoration:none;
}
.footertags {
    padding: 0px 0px;
    padding: 0px 0px;
}
.footertags:hover {
    text-decoration: underline;
    text-shadow: none;
}
.nohyperlinkdeco {
    color: black;
    text-decoration: none;
}
.nav-link {
    color: black;
}
.nav-link:hover {
    color: black;
}

#navlinkssearchbox {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    align-self: center;
    display: inline-flex;
}
#navbuttoncontainer {
    display:inline-flex;
}

#searchbardiv {
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 3px;
    border-radius: 6px;
    background-color: lightgrey;
}

#searchbarcol {
    width: 100%;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#searchbox {
    border-color: lightgrey;
    border-radius: 5px 0px 0px 5px;
    max-width: 100%;
}
    #searchbox:hover {        
        border-color: black;
    }
    #searchbox:focus {
        border-color: black;
        outline: none;
        box-shadow: none;
    }
#searchicon {
    width: 24px;
    height: 24px;
}
#searchbardiv {
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 3px;
    border-radius: 6px;
    background-color: lightgrey;    
}
#searchbarcol {
    width: 100%;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#searchbutton {
    border-color: lightgrey;
    border-radius: 0px 5px 5px 0px;
    border-left: 1px solid black;
    background-color: white;
}
    #searchbutton:hover {        
        border-color: black;
        background-color:white;
    }
    #searchbutton:active {
        background-color: lightgrey;
    }

#menubuttonimg {
    padding: 6px;
    width: 34px;
    height: 34px;    
}
#menubuttonoutline {
    outline: 1px solid black;
    /*border:1px black solid;*/
    text-align:center;
}
#menubuttonoutline:focus {
    background-color: lightgrey;
}
#menubuttonoutline:hover {
    background-color: lightgrey;
}
#accountimg {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 32px;
    height: 32px;
}
#basketimg {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 36px;
    height: 36px;
}

#mainbodycontainer {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline-flex;
    height: auto;
}

#navlinksbar {
    display: inline-flex;
    padding: 0px 15px;
    border-bottom: 1px solid lightgrey;
    background-color: white;
}

.navlinksbarselection {
    padding: 4px 0px;
    text-align: center;
    border-left: 1px solid lightgrey;
    font-size:13px;
}

    .navlinksbarselection:hover {
        background-color: lightgrey;
    }
#lastnavlink {
    border-right: 1px solid lightgrey;
}
#bodyrow {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#thefooter {
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
    background-color: white;
    border-top: 1px solid lightgrey;
}
#footer1 {
    text-align:center;
    padding: 1px 1px;
}
#footer2 {
    text-align:left;
}
#footer3 {
    display: inline-flex;
    text-align: right;
}
/*END layout page css*/

/*LOGIN PAGE ST*/
#loginformboxcontainer, #npassformboxcontainer, resetformboxcontainer, basketdisplaycontainer {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
/*#basketdisplaycontainer {
    margin: 0px;
    padding: 20px 0px 0px 0px;
}*/
.lgformboxcol {
    margin: 0px;
    padding: 0px;
}
#loginemailinput, #resetemailinput {
    max-width: 100%;
}
#loginemaillabel, #resetemaillabel {
    min-width: 110px;
    user-select: none;
}
#loginemaildiv, #resetemaildiv {
    padding: 4px 0px;
}
#loginpasswordlabel, #resetpasswordlabel{
    min-width: 110px;
    user-select: none;
}
#npasspasswordlabel {
    min-width: 125px;
    user-select: none;
}
#npassretypepasswordlabel {
    min-width: 125px;
    user-select: none;
}
#loginpasswordinput, #resetpasswordinput {
    max-width: 100%;
}
#npasspasswordinput, #npassretypepasswordinput {
    max-width: 100%;
}
#loginpassworddiv, #resetpassworddiv, #npasspassworddiv {
    padding: 4px 0px;
}
#loginbtndiv, #resetsubmitbtndiv, #npasssubmitbtndiv {
    display: flex;
    justify-content: right;
    padding: 4px 0px 24px 0px;
}

#loginbtn:active {
    background-color:red;
}
#resetresetbtn:active, #resetresendbtn:active, #resetsubmitbtn:active, #npasschangepassbtn:active {
    background-color: green;
}

#loginboxouter {
    padding: 0px 50px 50px 50px;
}
#loginboxinner {
    padding:10px;
    border: 1px solid lightgrey;
    border-radius:10px;
}
#logininfoboxouter {
    padding: 0px 0px 16px 0px;
}
#logintitlebox {
    text-align: center;
    font-size: 40px;
    padding: 0px 0px 10px 0px;
}
#logininfobox {
    padding: 10px 6px 14px 6px;
    background-color: rgb(245, 245, 245);
    border-radius: 10px;
}
#npassboxouter {
    padding: 0px 50px 50px 50px;
}
#npassboxinner {
    padding: 10px;
    border: 1px solid lightgrey;
    border-radius: 10px;
}
#npassinfoboxouter {
    padding:0px 0px 20px 0px;
}
#npassinfobox {
    padding: 10px 6px 14px 6px;
    background-color: rgb(245, 245, 245);
    border-radius: 10px;
}
#resetboxouter {
    padding: 0px 50px 50px 50px;
}
#resetboxinner {
    padding: 10px;
    border: 1px solid lightgrey;
    border-radius: 10px;
}
#resetinfoboxouter {
    padding: 0px 0px 20px 0px;
}

#resetinfobox {
    padding: 10px 6px 14px 6px;
    background-color: rgb(245, 245, 245);
    border-radius: 10px;
}

#createaccinfoboxouter {
    padding: 20px 0px 0px 0px;
}
/*LOGIN PAGE END*/
/*BASKET ST*/
#basketdisplayouter, #checkoutcardouter, #reviewpurchaseouter {
    padding: 0px 6px 10px 6px;
}

#basketdisplayinner, #checkoutbasketinner, #checkoutcardinner, #checkoutaddressinner, #invoicedivinner, #reviewpurchaseinner {
    padding: 6px;
    border: 1px solid lightgrey;
    border-radius: 10px;
}
/*#invoicedivinner {
  padding: 12px;
  border: 1px solid lightgrey;
  border-radius: 10px;
}*/
#basketdisplaytitlebox {
    text-align: center;
    padding: 0px 0px 10px 0px;
}
#basketdisplaytitleboxtext {
    display: inline-flex;
}
#basketclearalldiv {
    text-align: center;
}
#baskethomediv {
    text-align: left;
}
#basketclearallbutton {
    transition:unset;
}
    #basketclearallbutton:active {
        background-color: lightblue;
        color: black;
    }

#basketcolumnheadersrow {
    border-bottom: 1px black solid;
}
#basketitemrow {
    border-bottom: 1px black solid;
}
#basketitemnameouter {
    border-right: 1px solid black;
    border-left: 1px solid black;
    padding: 0px;
}
#basketitemnameinner {
    text-align: center;
}

#basketunitpriceouter {
    border-right: 1px solid black;
}
#basketunitpriceinner {
    text-align: center;
}
/*#basketunitpricetext {
    padding: 12px 0px;
    display: flex;
}*/
#basketquantityouter {
    border-right: 1px solid black;
}
#basketquantityinner {
    padding: 4px 0px;
    text-align: center;
}
#basketquantitytext {
    padding: 12px 0px;
    display: block;
}
#basketitemtotalouter {
    border-right: 1px solid black;
}
#basketitemtotalinner {
    text-align: center;
}
#basketitemtotaltext {
    padding: 12px 0px;
    display: block;
}
#basketlastcolouter {
    border-right: 1px solid black;
}

#basketremovebuttonouter {
    padding: 8px 0px 0px 0px;
}
#basketremovebutton {
    opacity:0.1;
    padding: 0px 0px 0px 0px;
}
    #basketremovebutton:hover {
        opacity: 1.0;
    }
#baskettrashicon {
    height: 20px;
    width: 16px;
}

#basketitemnameheader, #basketunitpriceheader, #basketquantityheader, #basketitemtotalheader, #basketremoveheader {
    display: block;
    text-align: center;
    padding: 3px 0px 6px 0px;
    font-size: 16px;
}

#deliveryselectionoptionsouter {
}
#deliveryselectionoptionsinner {    
    padding: 0px 0px;
}
#deliveryselectionoptionsinner:hover {
    
}
#deliveryselectionoptionsname {
    border-radius: 4px;    
    text-align: center;
    user-select:none;
    padding: 0px 0px 4px 0px;
}
    #deliveryselectionoptionsprice {
        display: inline-block;
        padding: 0px 3px;
        text-align: right;
    }
.delbtn {
    /*outline: none;*/
    /*border: none;*/
    display: block;
    border: 1px solid lightgrey;
    border-radius: 4px;
}
    .delbtn:hover {
        background-color: #F4F4F4;
        border-radius: 4px;
    }
.delbtnlabel {
    display: block;
}
.delbtntext{
    display:block;
}
#deliveryestimatetext, #tabledeliveryitemcell, #tabledeliveryqtycell {
    font-size: 12px;
    font-style: italic;
}
.labelnolrpadding {
    padding: 6px 0px;
}
#totalssubtotallabel {
}

#totalstotallabel {
    font-size: 20px;
    font-weight: 600;
}
#totalsdeliverylabel {
}
#totalssubtotaltext {
}
#totalstotaltext {
    font-size: 20px;
    font-weight: 600;
}
#totalsdeliverytext {   
    text-align:right;
}
#totalsdivinner {
    padding: 0px 0px 4px 0px;
    border-bottom: 1px black solid;
}
#totalsdiv {
    padding: 0px 0px 20px 0px;
    position:sticky;
    top: 80px;
}
#totalssubtotaltextdiv {
    text-align:right;
}
#totalsdeliverytextdiv {
    text-align: right;
}
#totalstotaltextdiv {
    text-align: right;
}
#totalstotalrow {
    padding: 4px 0px 0px 0px;
}
/* basketcard*/
#basketcardouter {
    padding: 0px 0px;
}
#basketcardinner {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #d1d1d1;
}
#basketcardrow {
    border: 1px solid black;
    padding: 0px 0px;
    background-color:white;
}
    #basketcardrow:hover {
        border: 1px solid #000000;
        box-shadow: 0px 0px 6px 0px #808080;
        
    }
#basketcardimgoutercol {
    /*max-width: 50px;*/
}
#basketcardimgouter {
    text-align: center;
    align-content: center;
}
#basketcardimginner {
    padding: 0px 0px;
}
#basketcardimg {
    height: 100%;
    width: 100%;
    vertical-align:unset;
}
#basketcarditemnameouter {    
    display: flex;
    flex-direction:column;
}
#basketcardunitpricerow {
    padding: 0px 0px;
}
#basketunitpricetextlabelouter {
    padding: 0px;
    margin: 0px;
    text-align: center;
    align-content: center;
}
#basketunitpricetextlabel {
    font-size:12px;
    font-style: italic;
    color: #808080;
}
#basketunitpricetext {
    font-size: 12px;
    font-style: italic;
    display: inline-block;
}
#basketcarditemnamerow {
    padding: 0px 0px;
    text-align:center;
    align-content:center;
}
#basketitemnametext {
    font-size: 16px;
    font-weight:400;
}
#basketcardquantityouter {
    flex-direction: column;
    text-align: center;
    /*align-content: center;*/
}
#basketcardquantityinner { 
    display:block;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
#basketcardquantityheader {
    display:inline-block;
    font-size:12px;
}

#basketcarditemtotalouter {
    display: flex;
    flex-direction: column;
    /*border-right: 1px solid black;*/
}
#basketcardremovebuttoncol {
    text-align:right;
    padding: 0px 3px 0px 0px;
}
.removebtn {
    opacity:0.3;
    text-align:center;
    display:inline-block;
    padding: 0px 0px 0px 0px;
}
    .removebtn:hover {
        opacity: 1;
    }
    #basketcarditemtotalrowheader {
    text-align:center;
}
#basketcarditemtotalrowheadertext {
    font-size: 12px;
}

#basketcarditemtotalrow {
    padding: 0px 0px 0px 0px;
    text-align: center;
}
#basketcarditemtotalinner {
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size: 20px;
}
#basketcarditemtotaltext {
    display:inline-block;
    font-size:16px;
    text-align:center;
    align-content:center;
}

#basketcheckoutbuttondiv {
    text-align:right;
}
/*CHECKOUT*/
.checkoutinputrow {
    border: none;
    padding: 0px 0px 0px 0px;
    text-align: left;
    /*font-style: italic;*/
    border-radius: 4px;
    background-color: transparent;
    /*background-color: #e8e8e8;*/
}
    .checkoutinputrow:focus {
        background-color: #d0d0d0;
        outline: none;
    }
    .checkoutinputrow:hover {
        background-color: #f0f0f0;
    }
.italiclabel{
    font-style:italic;
}

.checkoutinputouter {
    padding: 2px 0px 12px 0px;
    display: block;
}
.checkoutentrydiv {
    border: 1px solid black;
    border-radius: 4px;
    padding: 6px;
}
#checkoutcitypostcodedivouter {
    display:block;
}
#checkoutexpirycontentrow {
    max-height:24px;
}
#checkoutexpirydivouter {
    display: inline-flex;
}
#numbercvvouter {
    display: inline-block;
}
#checkoutcardnumberdivouter {
    padding: 0px 12px 0px 0px;
    display: inline-block;
}
#checkoutcitydivouter {
    
}
#checkoutpostcodedivouter {
}
#checkoutcvvdivouter {
    padding: 0px 12px 0px 0px;
    max-width: 90px;
    display: inline-block;
}
#checkoutsortcodedivouter {
    padding: 0px 12px 0px 0px;
    max-width: 90px;
    display: inline-block;
}
#billingquerydiv {
    font-size: 14px;
}
#billingquerylabel{
    user-select:none;
    padding: 0px 0px 0px 0px;
}
.checkoutlabelrow {
    padding: 0px 0px 4px 0px;
    display: block;
    font-size: 12px;
    user-select: none;
}
.checkoutcontentrow {
    padding: 0px 12px;
    display: block;
}
#checkoutcardexpiryselections {
    padding: 4px 2px 0px 2px;
    display: inline-flex;
}
#ulmonthselection {
    min-width: 60px;
    height: 132px;
    overflow-y: auto;
}
#ulyearselection {
    min-width: 72px;
    height: 132px;
    overflow-y: auto;
}

#monthselectioninput {
    user-select: none;
    min-width: 32px;
    max-height:22px;
    border: 1px solid lightgrey;
    border-radius: 4px;
    background-color: #e8e8e8;
    font-size: 12px;
    padding: 0px;
}

    #monthselectioninput:hover {
        background-color: #d0d0d0;
    }

#yearselectioninput {
    user-select: none;
    min-width: 48px;
    max-height: 22px;
    border: 1px solid lightgrey;
    border-radius: 4px;
    background-color: #e8e8e8;
    font-size: 12px;
    padding: 0px;
}

    #yearselectioninput:hover {
        background-color: #d0d0d0;
    }

#limonthselection {
    max-width: 64px;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

    #limonthselection:hover {
        background-color: #e0e0e0;
        user-select: none;
    }

#liyearselection {
    text-align: center;
    padding: 0px 0px 0px 0px;
    
}

.mselection {
    text-align: center;
    padding: 0px;
    display: block;
    user-select: none;
}
    .mselection:hover {
        background-color: #e0e0e0;
        user-select: none;
    }

.yselection {
    text-align: center;
    padding: 0px;
    display: block;
    user-select: none;
}
    .yselection:hover {
        background-color: #e0e0e0;
        user-select: none;
    }
#basketsummaryrow{
    padding: 0px 0px 6px 0px;

}
#checkoutcardnumberinput {
    
}
#checkoutcvvinput {
    
}
#checkoutsortcodediv {
}
#checkoutsortcodeinput {
    
}
#checkoutcardsubmitbtndiv {
    display: block;
    text-align: right;
    padding: 12px 0px 0px 0px;
}
#checkoutcardsubmitbtn {    
}
.checkoutformtitle {
    text-align: center;
}
.checkoutformtitleouter {
    padding: 0px 0px 12px 0px;
}
.checkoutformtitleinner {
    border-bottom: 1px solid #d1d1d1;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
#checkoutbasketweighttextouter {    
    text-align:left;
}
#checkoutbasketweightbtnrow {
    padding: 0px 10px;
}
#editbasketbtnouter {
    text-align:right;
}
#checkoutbasketweighttext {
    vertical-align: top;
    padding: 0px;
    color: grey;
    font-size: 12px;
}
#deloptinput {
    min-height:0px;
    max-height:0px;
    pointer-events:none;
    outline:none;
    border: none;
}
/*CHECKOUT BASKET DISPLAY*/
.checkoutbasketheadth {
    text-align: center;
    padding: 3px 12px 6px 12px;
    border-bottom: 1px solid black;
    font-weight: 400;
}
.checkoutbasketfootth {
    text-align: center;
    padding: 3px 12px 6px 12px;
    font-weight: 400;
}
.checkoutbaskettbody {
}
.checkoutbaskettd {
    text-align: center;
    padding: 3px 12px;
}
.table .checkoutbaskettd, .table .checkoutbasketheadth, .table .checkoutbasketfootth {
    background-color: white;
}
.table .checkoutbaskettotaltd {
    background-color: #f6f6f6;
}
.table .checkoutbaskettotaltdfirst {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.table .checkoutbaskettotaltdlast {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
#checkoutbasketimgouter {
    
}
#checkoutbasketimg {
    border-radius: 4px;
    border: 1px solid black;
    width: 48px;
    height: 48px;
}
#checkoutbaskettotal {
    /*font-size: 22px;*/
    font-weight: 600;
}
#checkoutbasketprice{    
    /*font-size: 22px;*/
    font-weight: 600;
}
#checkoutbasketdisplaytitlebox {
    text-align:center;
}
#checkoutdisplaybasketinner {
    padding: 10px;
    border: 1px solid lightgrey;
    border-radius: 10px;
    background-color: white;
}

#finalrow .checkoutbaskettd, #checkoutbasketsubtotalrow .checkoutbaskettd, #checkoutbasketdeliveryrow .checkoutbaskettd, #checkoutbaskettotalrow .checkoutbaskettd,
#checkoutbasketsubtotalrow .checkoutbasketfootth, #checkoutbasketdeliveryrow .checkoutbasketfootth, #checkoutbaskettotalrow .checkoutbasketfootth {
    border-bottom: none;
}

#editbasketbtn {
}

#pagetitleouter {
    padding: 0px 6px 10px 6px;
}
#pagetitleinner {
    border: 1px solid lightgrey;
    border-radius: 10px;
    text-align: center;
}
#pagetitletext {    
    font-size:30px;
}

/*reviewpurchase BEGIN*/
.formattedformctrl{
    padding: 0px 0px 16px 0px;
}
.formattedformctrl .form-control {
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    border: none;
    pointer-events: none;
}

.reviewpurchasefieldheading {
    font-weight:600;
    /*font-size: 12px;*/
    padding: 0px 0px 0px 0px;
    display:block;
}

#navbtnrowL {
    text-align: left;
}

#navbtnrowR {
    text-align: right;
}
#tccheckboxdiv {
    text-align:center;
    user-select:none;
}
#tccheckboxlabel {
    user-select: none;
}
#reviewpurchasebaskettbl {
    font-size:12px;
}
/*reviewpurchase END*/
#invoiceouter {
    padding: 0px 6px 10px 6px;
}
#invoicebody {
    border: 1px solid lightgrey;
    border-radius: 6px;
    padding: 10px 10px;
}
#invoicetitlerow {
    padding: 0px 0px 10px 0px;
    border-bottom: 1px lightgrey solid;
    align-items: center;
}
#invoicetitlerowL {
    text-align: left;
}
#invoicetitlerowM {
    text-align: center;
}
#invoicetitlerowR {
    text-align: right;
}
#invoicedatetext {
    font-size: 18px;
    font-weight: 400;
}
#invoicecentertitletext {
    font-size: 24px;
    font-weight: 600;
}
#invoiceorderreftext {
    font-size: 18px;
    font-weight: 400;
}
#invoicedetailsbody {
}
#invoiceitemtableheadertext {
    font-size: 14px;
    font-weight: 600;
    padding: 0px 0px 10px 0px;
}
#invoicetablediv {
    text-align: center;
    width: 100%
}









#invoicetextdiv {
    text-align: center;
    padding: 0px 0px 30px 0px;
}
.invoicetexts {
    font-size: 20px;
    padding: 2px 0px 2px 0px;
    display:block;
}
#invoicedivinner {
    background-color: white;
}
#invoicetitletext {
    font-size: 32px;
}
.invoiceleftcol {
    text-align: center;
    /*text-align: left;*/
    font-size: 12px;
}
.invoicecentercol {
    text-align: center;
    padding: 0px 0px 12px 0px;
}
.invoicerightcol {
    /*text-align: right;*/
    text-align: center;
    font-size: 12px;
}
.invoicesmallheader {
    text-align:left;
    font-size:14px;
    font-weight:600;
}
.invoicesmalltitleheader {
    text-align: right;
    font-size: 14px;
}
.invoicesmalltext {
    text-align: left;
    font-size: 12px
}
#invoicedetailsrow {
    padding: 0px 0px 30px 0px;
}
#invoicetitletext{
    font-size:32px;
}
#invoiceordnum {
    display:block;
}
#invoicedate {
    display: block;
}
#invoiceheadingrowcol3 {
    text-align: right;
    font-size: 14px;
}