﻿/* ShowCategory.css - CSS definitions for the Show Category and Search pages
 *
 * Revision History
 *  REC 1457-399  2013-12-16  John Hildebrand  - Original version - VPM updates
 *  TFS-186       2014-05-01  John Hildebrand  - Combine the CheckoutPO, CheckoutCreditCard and CheckoutSummary pages into one page
 *  TFS-687       2014-08-29  Brian Runnells   - Add a helper text popup window where oversized and truck only indicators appear
 *  ATS-1272      2016-03-03  John Hildebrand  - add expand / collapse all links
 *  ATS-1289      2016-03-24  John Hildebrand  - landing page update
 *  ATS-2237      2019-08-22  John Hildebrand  - Update ShowCategory.aspx page to display product category copy
--------------------------------------------------------------------------------------------------------------*/

/* vvv ID definitions vvv Note: HTML allows only ONE HTML element per page to have a given ID value. Use class selector to cover multiple elements. ATS-1289 */
#pnlCatCopy {   /* ATS-2237 */
    padding-bottom: 20px;
}
/* ^^^ ID definitions ^^^ */

/* ATS-1289: Converted "selected-filders" and "sb" id selectors into class selectors. */

/* vvv Class definitions vvv */


.expandAll {     /* ATS-1272 */
    padding-left: 16px;
    padding-right: 8px;
    display: inline-block;
}

.grayZ { color:#666; z-index:-1; }          /* copied from StyleSheet1.css - 1457-399 */

 /* 1457-278 - Updated to new header values */
 
.heading-large {                            /* copied from StyleSheet1.css - 1457-399 */
    color: #000000; /* 1457-278 - old value #ce3331; */
    font-size: 17pt;
    font-weight: bold;
    margin: 15px 0 15px 0;
}
 
 .heading-item { font-size:13pt; font-weight: bold; margin:5px 0 0 0; }  /* 1457-374 - old font-size:14pt 1457-399 */
 .heading-small { color:#000000; font-size:11pt; margin: 15px 0; }       /* 1457-278 - old value #ce3331; font-size:12pt; 1457-399 */

 .heading-small a, .heading-item a {        /* copied from StyleSheet1.css - 1457-399 */
    color:#2D63AB;      /* ABC Blue */
	text-decoration: none;  /* 2012-11-20 New default link property */
	float:right;
    position:relative;
    top:2px;
    cursor:pointer;
}

.heading-small a:hover {                    /* copied from StyleSheet1.css - 1457-399 */
    color:#CE3331;               /* 2012-11-20 New default link property */
	text-decoration: underline;  /* 2012-11-20 New default link property */
	float:right;
    position:relative;
    top:2px;
    cursor:pointer;
}

.indent0 { padding-left:5px; text-indent:-5px; }    /* copied from StyleSheet1.css - 1457-399 */
.indent1 { padding-left:10px; text-indent:-5px; }   /* copied from StyleSheet1.css - 1457-399 */

.lCol-FilterSection {                       /* copied from StyleSheet1.css - 1457-399 */
    max-height:100px;
    overflow:auto;
    border:1px solid #ccc;
    padding:5px;
    margin-top:-10px;
    z-index:-1;
}

.LightgrayZ { color:#C8C8C8; z-index:-1; }  /* copied from StyleSheet1.css - 1457-399 */

.normal { font-size:10pt; }

.otherPage {    /* copied from StyleSheet1.css - 1457-399 */
    border: 1px solid #B5B2B2;
    padding: 1px 3px;
}

.results {
    /*ATS-1289-160324===overflow: hidden;*/
    margin: 5px 0px 4px 0px;    /* ATS-1289-160324 */
    position: relative;         /* ATS-1289-160324 */
}

.results-img {
    /*ATS-1289-160324===float:left;*/
    width:50px;
    display: inline-block;  /* ATS-1289-160324 */
    bottom: 0;              /* ATS-1289-160324 */
    margin-top: auto;       /* ATS-1289-160324 */
}

.sb {   /* ATS-1289 */
    padding-bottom: 8px;        /* ATS-1289 */
}

.sb.scroll table {   /* ATS-1289 */
    height:450px;
    overflow:auto;
    resize:vertical;
    border:1px solid #ccc;
}

.sb table {   /* ATS-1289 */
    margin-bottom:5px;
    width:100%;
    border:solid 1px #999;
    /*ATS-1289===padding:5px;*/
}

.sb table th {   /* ATS-1289 */
    font-weight:normal;
    text-align:left;    /* 150323 */
}

.sb table td {   /* ATS-1289 */
    padding-right:5px;
}

.sb table .item  {   /* ATS-1289 */
    white-space:nowrap;
}

.sb table .description {   /* ATS-1289 */
    width:100%;
    text-align:left;
}

.sb table .flag {   /* ATS-1289 */
    vertical-align:top;
}

.sb table .item-type {   /* ATS-1289 */
    font-weight: bold;
    text-align: left;
    /*150323===text-align:center;*/
}

.SCbot {    /* ATS-1272 */
    border-bottom:1px solid #ccc;
}

.SCpad {    /* ATS-1272 */
    padding:6px 0 2px 0;
}

.SCtop {    /* ATS-1272 */
    margin-top:5px;
    border-top:1px solid #ccc;
}

.search-result 
{
    /* ATS-1289-160324===float:left;*/
    /* ATS-1289-160324===padding-left:10px;*/
    display: inline-block;  /* ATS-1289-160324 */
    left: 62px;             /* ATS-1289-160324 */
    vertical-align: bottom; /* ATS-1289-160324 */
}

.selected-filters {   /* ATS-1289 */
    padding:5px;
    margin-top:-10px;
    background:#ddd;
    /* border-radius:;           1457-255 */
    border:1px solid #ccc;
    z-index:-2;
}
.x {
    color:#ce3331;
    text-decoration:none;
}


.x:hover {
    color:#ce3331;
    text-decoration:none;
}

.x-tag {
    padding: 0 2px 0 2px;
    border:1px solid #ddd;
}

.x-tag:hover {
   text-decoration:none;
   background:white;
   border:1px solid #ccc;
}

.x-text {
    color: black;
    text-decoration:none;
}

.x-text:hover {
    color: black;
    text-decoration:none;
}

/* TFS 687 */
.ui-tooltip { background:rgba(255, 215, 0, 0.85); }
.ui-tooltip-content { font-family:arial; font-size:10pt; font-weight:bold; }
/* End of ShowCategory.css */