/* QuickOrder.css - CSS definitions for the Quick Order page
 *
 * Revision History
 * REC 1457-399   2013-12-09  John Hildebrand  - Original version - VPM updates
 * TFS-620        2014-04-04  John Hildebrand  - Cosmetic issue with items that have long descriptions on QuickOrder page
 * ATS-444        2015-03-27  John Hildebrand  - "Add to Cart" button update
--------------------------------------------------------------------------------------------------------------*/

.InvalidProduct {
    color: #CE3331; 
    font-family: Arial;
    font-size: 10pt;      /* 2012-11-26 New default base font */
    font-style: normal;
    
}

.addToCartButton {
    background: #FFD700;
    border: 1px solid #aaa;
    font-weight: bold;
    height:28px;
    padding:0 10px 0 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;    
}

.addToCartButton:hover {
    background: #FFFF00;
    cursor: pointer;
}

.clearFormButton {
    background: #ccc;
    border: 1px solid #aaa;
    font-weight: bold;
    height:28px;
    padding:0 10px 0 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
}

.clearFormButton:hover {
   background: #ddd;
   cursor: pointer; 
}

/* TFS-620***.quickOrderProduct {   /* OBSOLETE prior to TFS-620 */
/* TFS-620***    width:170px;    /* 1457-255 was 138px - adjusted because vertical product menu is now wider */
/* TFS-620***}  */

.quickOrderItem {
    float:left;
    width: 148px;           /* ATS-444 */
    padding: 5px;
    /* TFS-620***margin:0 10px 5px 0;   */
    margin: 0 10px 0 0;     /* TFS-620 */
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    border: 1px solid grey;    
}

.quickOrderHeader {
    float:left; 
    background: #ddd; 
    border-top: 1px solid #bbb; 
    border-bottom: 1px solid #bbb;     
    text-align:center; 
    margin-bottom:3px; 
    font-family:Arial; 
    font-size:10pt;
    font-weight:bold;
}

.quickOrderQnty {
    width:40px;     /* 1457-255 was 70px - adjusted because vertical product menu is now wider */
    float:left;
    padding: 5px;
    /* TFS-620***margin:0 3px 3px 0;    */
    margin: 0 3px 0 0;      /* TFS-620 */
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    border: 1px solid grey;
    text-align:center;
}

.prod_desc {
    /* TFS-620***width:auto;   /* 1457-255 was 500px - adjusted because vertical product menu is now wider */
                /* Changed to fix wrapping div in firefox on windows 7 with bug 419 */
    /* TFS-620***float:left;    */
    position: relative; /* TFS-620 */
    /*To set the minimum height of a div tag, use the model below*/
    min-height: 20px;
    height: auto !important;
    /*Both properties above are required for min-height to work across all browsers*/
    /* TFS-620***margin-top:5px;    */
    margin-left:10px;
    display: table-cell;    /* TFS-620 */
    vertical-align: middle; /* TFS-620 */
}

.width_itm {    /* item number width - TFS-620 */
    width: 170px;
}

.width_qty {    /* item quantity width - TFS-620 */
    width: 56px;    /* was 52px, increased for Chrome - TFS-620 */
}

.width_dsc {    /* item description width - TFS-620 */
    width: 476px;
}

.quickOrderRow {    /* for row div item/quantity/description display - TFS-620 */
    display: table;         /* required for "display: table-cell;" to work for the prod_desc class */
    vertical-align: middle;
    width: 730px;           /* a bit more than (width_itm + width_qty + width_dsc) */
    margin: 5px 0 2px 0;    /* this adds some vertical separation between each row */
}

/* End of QuickOrder.css */