/*--- "Add product" control ---*/
#content #main p.add, #content #main form.add {
    padding: 0; margin: 0;
}
#content #main p.add {
    height: 17px;
    width: 47px;
}
#content #main p.add .img_input {
    width: 22px;
    height: 17px;
    float: left;
}
#content #main input.qty {
    background: #F0FAFB;
    border: 1px solid #C8E6EB;
    font-size: 10px;
    color: #5D6081;
    padding: 2px 2px;
    margin: 0;
    text-align: right;
    width: 19px;
    height: 13px;
    float: left;
}

#content #main .catitem .desc p.add {
    position: absolute;
    right: 7px;
    top: 1.9em;
}
#content #main .catitem .desc input.qty {
    float: left;
}


/*--- ... and its replacement for shops without online transactions ---*/


#content #main .catitem .desc p.itemCode {
    background: #FFF5EE;
    position: absolute;
    right: 0;
    width: 49px;
    margin: 0;
    padding: 0;
    top: 25px;
    font-size: 0.8em;
}
#content #main .catitem .desc p.itemCode span.codeTitle {
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 5px;
}
#content #main .catitem .desc p.itemCode span.code {
    background: #DDEFFA;
    border: 1px solid #C4DBE9;
    width: 39px;
    height: 17px;
    position: absolute;
    top: 15px;
    right: 0;
    text-align: center;
    line-height: 17px;
    font-weight: bold;
    font-size: 1.1em;
}