/** stylesheet for module catalogus, new version with divs */
@import url("colorField.css");


/* productbox, categorybox en productdetails */

#productbox {
    border: 1px solid #CCC;
    height: 260px;
}

#productname {
    height: 30px;
    font-family: "Tahoma", Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: var(--catalogus-color);
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    line-height: 120%;
}

#productboxfooter {
    background-color: #EEE;
    display: block;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CCC;
    height: 40px;
}

#productimage {
    height: 179px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#productprice {
    color: #666;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    padding-left: 5px;
    padding-top: 11px;
    font-family: arial, Helvetica, sans-serif;
    height: 29px;
}

#productdetails {
    height: 31px;
    padding-top: 9px;
    padding-right: 5px;
}

#categorybox {
    height: 210px;
    border-style: solid;
    border-width: 1px 1px 7px 1px;
    border-color: #CCC #CCC #C00818 #CCC;
}

#categoryname {
    height: 30px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 5px;
    font-family: "Tahoma", Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: var(--catalogus-color);
    text-align: left;
}

#categoryimage {
    height: 170px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#productdetailbox H1 {
    margin-top: 3px;
    margin-bottom: 3px;
    font-family: "trebuchet MS";
    font-size: 20px;
    color: var(--catalogus-color);
    text-align: left;
}

#productdetailbox h2 {
    margin-top: 2px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-family: "trebuchet MS";
    font-size: 16px;
    color: var(--catalogus-color);
    text-align: left;
}

#productdetailcontent p {
    margin-top: 3px;
}

#productdetailimages {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCC;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

#productdetailfooter {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
    margin-top: 10px;
    padding-top: 10px;
}

#productdetailprice {
    color: var(--catalogus-color);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

#productdetailaddtocart {
    margin-top: 10px;
    text-align: right;
}