﻿/* Products By Search Keywords */
#productbykeywords
{
    background-color: #ffffff;
}
#productbykeywords .searchitem
{
    padding: 5px;
}
#productbykeywords .special
{
    background-image: url(images/special_offer_icon.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
#productbykeywords ol
{
    list-style-type: none;
    font-size: 1em;
}
.highlight
{
    background-color: #FFFF00;
    font-weight: bold;
}
#productbykeywords .search-count
{
    float: right;
    padding-right: 5px;
    font-size: 0.9em;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}
#productbykeywords fieldset
{
    padding: 5px;
    border: 3px solid #DBDBDB;
}
#productbykeywords legend
{
    padding: 0 2px 0 2px;
}
#productbykeywords legend a
{
    font-size: 1em;
    color: Blue;
}
#productbykeywords div.outer-display
{
    padding: 10px;
}


/* Products by category - filter links */
#productbycategoryfilters p
{
    padding: 5px;
}
#productbycategoryfilters .prev-link
{
    float: right;
    padding-right: 5px;
    font-size: 1.1em;
    color: #333333;
    cursor: hand;
    text-decoration: none;
}
#productbycategoryfilters .filter-link
{
    font-size: 1.1em;
    vertical-align: middle;
    text-align: left;
    color: #333333;
    cursor: hand;
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #333333;
}

#productbycategoryfilters .filter-link:hover
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #D42726;
}



/* Products by category - products found */
div.item-container
{
    padding: 10px;
    min-height: 110px;
}
div.item-container a
{
    color: #333333;
}
div.item-container .align-left
{
    float: left;
    margin: 0 15px 15px 0;
}
div.item-container .align-right
{
    float: right;
    margin: 0 0 15px 15px;
}
div.item-container .frame
{
    padding: 5px;
    border: 1px solid #aaa;
}
div.item-container .title
{
    font-size: 1.2em;
    font-weight: bold;
}
div.item-container .description
{
    font-size: 0.8em;
}
div.item-container .more
{
    font-size: 0.8em;
    cursor: hand;
}


/* Product Details Page */
#productdetails .prev-link
{
    float: right;
    padding-right: 5px;
    font-size: 1.1em;
    color: #ffffff;
    cursor: hand;
    text-decoration: none;
}
#productdetails h1
{
    font-size: 1.2em;
}
#productdetails h1 a, #productdetails h1 a:link, #productdetails h1 a:visited, #productdetails h1 a:hover
{
    font-size: 0.8em;
    color: #ffffff;
    text-decoration: underline;
    cursor: hand;
}
div.ProductDetails div.item-container
{
    padding: 10px;
}
div.ProductDetails div.item-container a
{
    color: #333333;
}
div.ProductDetails div.item-container .align-left
{
    float: left;
    margin: 0 15px 15px 0;
}
div.ProductDetails div.item-container .align-right
{
    float: right;
    margin: 0 0 15px 15px;
    text-align: left;
}
div.ProductDetails div.item-container .frame
{
    padding: 5px;
    border: 1px solid #aaa;
}
div.ProductDetails div.item-container .special
{
    float: right;
    margin: 0;
}



/* Product Title and Description */
div.ProductDetails div.item-container div.title
{
    font-size: 1.2em;
    font-weight: bold;
    text-transform: capitalize;
}
div.ProductDetails div.item-container div.description
{
    font-size: 1em;
}





/* Product Safety Keys */
div.ProductDetails div.item-container div.safety
{
    clear: both;
    padding-top: 5px;
}

div.ProductDetails div.item-container div.safety table
{
    border: none;
    border-collapse: collapse;
    empty-cells: show;
}

div.ProductDetails div.item-container div.safety span.title
{
    padding: 5px 0 5px 0;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}
div.ProductDetails div.item-container div.safety span.skey
{
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    padding: 0 0 0 5px;
}

div.ProductDetails div.item-container div.safety a
{
    font-size: 1em;
    color: Blue;
    text-decoration: underline;
}





/* Product Downloads - Product Generic Files & Product Specific Files */
div.ProductDetails div.item-container div.downloads
{
    clear: both;
    padding-top: 20px;
}
div.ProductDetails div.item-container div.downloads .section-title
{
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}
div.ProductDetails div.item-container div.downloads p
{
    font-size: 1em;
    text-decoration: none;
    padding: 3px 0 3px 0;
}

div.ProductDetails div.item-container div.downloads a
{
    font-size: 1em;
    color: Blue;
    text-decoration: underline;
}



/* Product Order Codes */
div.ProductDetails div.item-container div.ordercodes
{
    clear: both;
    padding-top: 20px;
}
div.ProductDetails div.item-container div.ordercodes div.help
{
    padding-bottom: 20px;
}
div.ProductDetails div.item-container div.ordercodes p
{
    font-size: 1em;
    text-decoration: none;
}
div.ProductDetails div.item-container div.ordercodes a
{
    font-size: 1em;
    color: Blue;
    text-decoration: underline;
}
div.ProductDetails div.item-container div.ordercodes .oc
{
    text-transform: uppercase;
    padding: 0 10px 0 0;
}
div.ProductDetails div.item-container div.ordercodes .desc
{
    text-transform: capitalize;
    padding: 0 10px 0 0;
    font-weight: normal;
}
div.ProductDetails div.item-container div.ordercodes .pc
{
    padding: 0 10px 0 10px;
}
div.ProductDetails div.item-container div.ordercodes .qty_box
{
    width: 50px;
    text-align: center;
    font-size: 0.8em;
}
div.ProductDetails div.item-container div.ordercodes .week_box
{
    width: 35px;
    text-align: center;
    font-size: 0.8em;
}
div.ProductDetails div.item-container div.ordercodes .date_box
{
    width: 70px;
    text-align: center;
    font-size: 0.8em;
}
div.ProductDetails div.item-container div.ordercodes .oc_header
{
    font-weight: bold;
    font-size: 0.8em;
    padding: 5px;
}
div.ProductDetails div.item-container div.ordercodes .oc_row
{
    font-weight: normal;
    font-size: 0.8em;
    padding: 5px;
}






/* Product Administration:
    New Product Wizard */
div.NewProductDetails
{
    font-size: 1em;
}
div.NewProductDetails table.Wizard
{
    border: thin solid #4D4D4D;
}
div.NewProductDetails table.Wizard td.WizardStep
{
    padding: 10px;
}
div.NewProductDetails table.Wizard td.WizardStep h1
{
    font-size: 1.2em;
}
div.NewProductDetails table.Wizard td.WizardStep p
{
    font-size: 1em;
    padding: 5px 0 5px 0;
}
div.NewProductDetails table.Wizard td.WizardStep select.optionlist
{
    padding: 2px;
    border: thin solid #4D4D4D;
    background-color: #FFFFCC;
}
div.NewProductDetails .validation, div.NewProductDetails table.Wizard td.WizardStep div.validation, div.NewProductDetails table.Wizard td.WizardStep span.validation
{
    padding: 2px;
    color: Red;
    font-size: 1em;
    font-weight: bold;
}
div.NewProductDetails table.Wizard td.WizardStep
{
    border: none;
    padding: 5px;
}
div.NewProductDetails table.Wizard td.WizardStep p
{
    padding: 5px 0 5px 0;
}
div.NewProductDetails table.Wizard td.WizardStep input.title, div.NewProductDetails table.Wizard td.WizardStep textarea.desc, div.NewProductDetails table.Wizard td.WizardStep textarea.keywords, div.NewProductDetails table.Wizard td.WizardStep input.file
{
    padding: 2px;
    border: thin solid #4D4D4D;
    background-color: #FFFFCC;
    width: 600px;
}



/* Delete Product Page */
div.delete-product
{
    background-image: url(images/delete-product.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #4D4D4D;
    min-height: 200px;
}
div.delete-product div.inner-message
{
    padding: 10px;
}
div.delete-product div.inner-message .align-left
{
    float: left;
    margin: 0 15px 15px 0;
}
div.delete-product div.inner-message .frame
{
    padding: 5px;
    border: 1px solid #aaa;
}
