/* =================================
    CSS STYLES FOR CATALooK.netStore 
    v6.3.0, 02/2011
   =================================
*/

/* joe commented out box-sizing border-box - it makes padding+margin to be included in width and that is d ifferent than before!
* {
    box-sizing: border-box;
}

    *:before, *:after {
        box-sizing: border-box;
    }
*/  

.CATClearFloat {
    clear: both;
}

/* required for datalist flow mode */
.CAT_Datalist_ItemStyle {
    vertical-align: top;
}

/* ====================
    MODULE CONTAINERS
   ====================*/

/*start classic-blue*/
/* Visibility of the home and help image in the title row of the CATALooK.netStore containers */
/* Visibility of the module title in the title row of the CATALooK.netStore containers */
/* Function is moved to the HTML container skin: module CAT_StoreSettings: [Edit Container] */

/* Style of the Container border and background. */ 
/* Set [border: 0px;] to hide the border or [background-color: Transparent;] to show the DNN Skin background */
/* Select any other background-color to fit the CATALooK module background to the DNN Skin */
.CATContainerBorder
{	
	border: 1px #98AAB1 solid;
	background-color: White;
	text-align:left;   /*joe*/
}

.whiteBoxContent .CATContainerBorder
{	
	border: 0px #98AAB1 solid;
	background-color: White;
	text-align:left;   /*joe*/
}
/*end classic-blue*/

/**/
.CATContainerBorder img {
    vertical-align: baseline;
}

/* Style of the Container title row */
/* select [hidden] for hide or [visible] to show. To remove white spaces edit the container HTML skin: module CAT_StoreSettings: [Edit Container] or the module skin */
.CATContainerHeader
{
	visibility: visible;
	/* display:none;*/
	border-top: white 1px solid;
	font-weight: bold;
	font-size: 8pt;
	background-image: url(cat_header_bg.gif);
	color: #fff;
	border-bottom: white 1px solid;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #006699;
	display:none; /* joe*/
/* css-grey
    visibility: visible; /* display:none; */
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
*/
}

td.CATContainerHeader, div.CATContainerHeader 
{
	visibility: visible;
	border-top: white 1px solid;
	border-bottom: white 1px solid;
	background-image: url(CAT_Header_BG.gif);	
	height: 31px;
	background-color: #006699;
	display:none; /* joe*/
/* css-grey
    visibility: visible;
    height: 22px;
*/
}

/* Style of the Container footer row */
/* select [hidden] for hide or [visible] to show. To remove white spaces edit the container HTML skin: module CAT_StoreSettings: [Edit Container] or the module skin */
.CATContainerFooter 
{
	visibility: visible;
	border-top: white 1px solid;
	font-weight: bold;
	font-size: 8pt;
	background-image: url(cat_header_bg.gif);
	color: #fff;
	border-bottom: white 1px solid;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #006699;
/* css-grey
    visibility: visible; /* display:none; */
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
*/
}

td.CATContainerFooter, div.CATContainerFooter 
{
	visibility: visible;
	border-top: white 1px solid;
	border-bottom: white 1px solid;
	background-image: url(CAT_Header_BG.gif);	
	height: 31px;
	background-color: #006699;
/* css-grey
    visibility: visible;
    height: 22px;
*/
}

/* ===================
    MODULE INNER AREA
   ===================*/

/* Style of the inner Container border and background */
.CATBorder 
{
	border: 0px #98AAB1 solid;
	background-color: White;	
/* css-grey
    border: none;
    background-color: Transparent;
*/
}

/* Style of the inner sections border and background of the presentation layer modules*/
.CATSectionBorder 
{
	border: 1px #98AAB1 solid;
	background-color: White;
	width: 200px !important;
    white-space: normal;	
/* css-grey
    border: none;
    background-color: Transparent;
*/
}

/* Style of the inner sections border and background of the admin modules*/
.CATAdminSectionBorder 
{
	border: 1px #98AAB1 solid;
	background-color: White;	
/* css-grey
    border-bottom: #C3C3C3 1px solid;
    background-color: Transparent;
*/
}

/* Style of the border and background of the admin sub menus */
.CATSubMenuBorder 
{
	border: 1px #98AAB1 solid;
	background-color: White;	
/* css-grey
    border: 1px #C3C3C3 solid;
    background-color: Transparent;
*/
}

/* Style of the item border and background of list items from the list, grid and repeater controls */
.CATListBorder 
{
	border: 1px #98AAB1 solid;
	background-color: White;	
/* css-grey
    border: 1px #C3C3C3 dotted;
    background-color: Transparent;
*/
}

/* Style of the item border and background of list items from the grid controls */
.CATGridBorder 
{
	border:0px #98AAB1 solid;
	background-color: White;	
	text-align:left;
/* css-grey
    border-bottom: #C3C3C3 1px solid;
    background-color: Transparent;
*/
}

/* Style of the inner module chapter main title row */
.CATHeader 
{
	border-top: white 1px solid;
	font-weight: bold;
	font-size: 8pt;
	background-image: url(cat_header_bg.gif);
	color: #fff;
	border-bottom: white 1px solid;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #006699;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #E5E5E5;
    padding: 5px;
*/
}

/*start classic-blue*/
TD.CATHeader
{	
	border-top: white 1px solid;
	border-bottom: white 1px solid;
	background-image: url(CAT_Header_BG.gif);	
	height: 31px;
	background-color: #006699;
}
/*end classic-blue*/

/* css-grey */
    .CATHeader span {
        color: #000000;
        display: inline;
        font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
        font-size: 18px;
        font-weight: bold;
        line-height: 120%;
        min-width: 1px;
        width: 1px;
    }
/* end css-grey*/

/* Style of the inner module chapter sub title row */
.CATAltHeader 
{
	font-weight: bold !important;
	font-size: 8pt;	
	color: #4455aa !important;
	font-family: Helvetica, Arial, sans-serif;
	background-color:#efefef; 
	background-image: url(hdr-bg-green-grad.jpg);
/* css-grey
    font-weight: normal;
    font-size: 16px;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    padding: 10px 0 10px;
    line-height: 120%;
*/
}

/*start classic-blue*/
td.CATAltHeader a {color: #116c93;}

TD.CATAltHeader
{
	background-color:#efefef;
	height: 28px; 		
	/* background-image: url(store-header.gif); */
	background: #efefef;
	background-repeat: repeat-x;
	padding: 10px;
}

TD.CATAltHeader img
{
margin: 0 0 0 10px;
}

TD.CATAltHeader span
{font-size: 19px;}
/*end classic-blue*/

/* Style of the left title fields and of the breadcrumbs and Custom Pager control */
.CATSubHeader 
{
	font-weight: bold;
	font-size: 8pt;	
	color: #003366;
	font-family: Helvetica, Arial, sans-serif;	
  	height:1px; /* joe - hide this */  
/* css-grey
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
*/
}

td.CATSubHeader, div.CATSubHeader 
{
	background-color: #ccc;		
  	/* height:1px; joe - hide this */ 
  	padding: 10px; 
/* css-grey
    background-color: #F5F5F5;
*/
}

/*start classic-blue*/
TD.CATSubHeader a.CATCommandButton
{
color: #666;
}
/*end classic-blue*/

/* Style of the right value fields in admin pages and of the content area of all presentation layer modules */
.CATRow 
{
	font-weight: normal;
	font-size: 11px;
	color: #003366;
	font-family: Helvetica, Arial, sans-serif;
/* css-grey
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    vertical-align: top;
*/
}

/*start classic-blue*/
TD.CATRow
{
    background-color: #fff;  
    /* padding: 20px 0 10px 25px; - joe remove padding-top */
    padding: 0px 0 10px 25px;
    border: 0px none;  /* joe removed border - they caused ugly grid lines in cat product properties */
    vertical-align:top; /* joe added (catgrey) */
}

TD.CATRow img
{
/* float: right; joe commented out (maddev?) */
margin: 0 10px 0 0;
}

table.CATContainerBorder tbody tr td table tbody tr td table.CATBorder tbody tr td table tbody tr td table tbody tr td.CATRow img
{
float: none;
}

TD.CATRow p
{padding: 0;}

td.CATRow ul
{margin: 0 0 0 20px;
list-style-type: none;
}

TD.CATRow ul li
{
padding: 2px 0 0 20px !important;
background:url('bullet.png') left top no-repeat;
list-style-type: none;
line-height: 18px;
}
/*end classic-blue*/

/* Style of the highlighted value fields */
.CATRowHighLight 
{
    color: #003366;	
    background-color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
/* css-grey
    font-weight: normal;
    font-size: 12px;
    color: #777777;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
*/
}

td.CATRowHighLight, div.CATRowHighLight 
{
    background-color: #fff;
    /* padding: 20px 0 0; - joe remove padding */
    padding: 0px 0 0;
    border: 0px none;  /* joe removed border - they caused ugly grid lines in cat product properties */
/* css-grey
    border-bottom: 0px solid #E5E5E5;
    text-align: left;
*/

}

/*start classic-blue*/
/* Style of the right parts from the title rows in modules CAT_ItemPaneNF and CAT_DashBoard */
.CATAltHeaderImage
{
	background-color:#D1D7DC; 
	background-image: url(hdr-bg-green-grad.jpg);
	background-repeat: repeat-y;
}

TD.CATAltHeaderImage
{	
	background-color:#0e597f; 
	height: 28px; 
	background: #efefef;
	width: 10px;
}
/*end classic-blue*/

/* ====================
    General
   ====================*/

/* css-grey */
.catVisible {
    display: normal !important;
}

.catHidden {
    display: none !important;
}
/* end css-grey */

/* Style of Product Number, ISBN Number, EAN Number, Author, Publisher, Size, URL */
.CATProductNumber 
{
	color: #808080;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 10pt;
/* css-grey
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
    font-weight: bold;
*/
}

/* Style of Price 1 and Retail Price Prefix in repeaters, product lists and detail page */
.CATProductListItem 
{
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
/* css-grey
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: bold;
*/
}

/* Style of Price 2 to 6 and Price extensions (exchanged amount, tax value, percentage discount extension) */
.CATUnitCost 
{
	color: #808080;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 10pt;
/* css-grey
    color: #808080;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 9px;
    line-height: 10pt;
*/
}

/* Style of Special Price DiscountExtension*/
.CATNormalBold 
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
*/
}

/* */
.CATDescription 
{
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
/* css-grey
    font-weight: normal;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 9px;
*/
}

/* Please inform your customers that you 
  do not accept liability for the correctness of images and descriptions in the 
  product details. An appropriate sentence is indicated below the picture in the 
  product details.  */
.CATLiability 
{
	color: Black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 10pt;
/* css-grey
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 9px;
*/
}

/* Style of the welcome message on store home pages */
.CATHomeHead 
{
	color: #c0c0c0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 16px;
/* css-grey
    color: #c0c0c0;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: bold;
    height: 16px;
*/
}

/* style of item titles */
.CATSubHead {
    font-family: Helvetica, Arial, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
    white-space: normal;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
*/
}

/* title style */
.CATSubSubHead {
    font-family: Helvetica, Arial, sans-serif;
    /* font-size:  12px; ??? */
    /* font-weight:    bold; joe commented out */
    color: #777777; /* black; joe changed */
    padding-left: 4px;    /* joe added */
    padding-right: 6px;  /* joe added */
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
*/
}

/* text style used for most text */
.CATNormal 
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
*/
}

/* */
.CATSmall
{
	color: Black;
	font-family: Arial Narrow;
	font-size: 10px;
	font-weight: normal;
/* css-grey
    color: #000000;
    font-family: Arial Narrow;
    font-size: 10px;
    font-weight: normal;
*/
}

.CATNormalRed 
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
*/
}

/* ====================
    Controls
   ====================*/

/* text style used for textboxes in the admin and edit pages */
.CATNormalTextBox, input[type="text"] 
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 2px !important;   /* joe added catgrey 5/2015 */
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
*/
}

/* style used for dropdownlistcontrols of all pages and the ddl control of module CAT_MenuNF */
.CATNormalDropDownList, select 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px; /*1.2em;*/
	font-weight: normal;
        padding: 2px !important;   /* joe added catgrey 5/2015 */
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 10px; /*1.2em;*/
    font-weight: normal;
    color: #666666;
*/
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.CATNormalCheckBox 
{
	margin-left: -4px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
        padding: 2px !important;   /* joe added catgrey 5/2015 */
/* css-grey
    margin-left: -4px;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
*/
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.CATNormalRadio 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	/*	text-indent: -5px; */
        padding: 2px !important;   /* joe added catgrey 5/2015 */
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 9px;
    font-weight: normal; /*	text-indent: -5px; */
    color: #666666;
*/
}


/* ====================
    Links/Buttons
   ====================*/

/* text style for buttons and link buttons used in the store admin pages */ /* and for advanced paging control */
.CATCommandButton 
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 10px;
    font-weight: normal;
    color: #777777;
*/
}

/* hyperlink style for buttons and link buttons used in the store admin pages */
A.CATCommandButton:link, A.CATCommandButton:visited, A.CATCommandButton:active {
    text-decoration:    underline;
    color: #003366;
/* css-grey
    color: #555555;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
*/
}

A.CATCommandButton:hover {
    text-decoration:    underline;
    color: #ff0000;
/* css-grey
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
*/
}

/* Standard for links */
/* 
a:link 	
{
    text-decoration: underline; 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #003366;		
} 

a:visited
{ 
    text-decoration: underline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #003366;
}

a:hover
{ 
    text-decoration: underline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #ff0000;
}
/* css-grey
.CATContainerBorder a, .CATContainerBorder a:link, .CATContainerBorder a:visited, .CATContainerBorder a:active {
    color: #555555;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
}

    .CATContainerBorder a:hover {
        color: #666666;
        text-decoration: none;
        font-weight: normal;
        font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
        font-size: 12px;
    }
*/
*/

/*start classic-blue*/
/* text style for the links  (not used)*/
A.CATSiteLink, A.CATSiteLink:link, A.CATSiteLink:visited
{
	text-decoration: underline; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #003366;		
}

A.CATSiteLink:hover
{
	text-decoration: underline;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
    color: #ff0000
}
/*end classic-blue*/


/* ====================================================
    TAB Menu Style used in module CAT_Products
   ====================================================*/

/* Active Tab Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabNoActive 
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #003366;
    height: 24px;
    background-color: #eef3fb;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: #98AAB1;
    border-style: solid;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
    height: 24px;
    background-color: #FCFCFC;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: #98AAB1;
    border-style: solid;
*/
}

/* Tab Spacer Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabSpacer 
{
    height: 24px;
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-bottom-color: #98AAB1;
    border-bottom-style: solid;
}

/* Passive Tab Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabActive 
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #003366;
    height: 24px;
    background-color: #D4D9EC;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: #98AAB1;
    border-style: solid;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
    height: 24px;
    background-color: #F5F5F5;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: #98AAB1;
    border-style: solid;
*/
}


/* ====================================================
    DataGrid Style used in Store WorkPages(Admin Pages)
   ====================================================*/

.CATGrid 
{
	width: 100%;
	background-color: white;
	background-image: none;
	text-align:left;  /*joe*/
/* css-grey
    width: 100%;
    background-color: Transparent;
    background-image: none;
*/
}

/* css-grey */
    .CATGrid td {
        border-bottom: 1px solid #E5E5E5;
        padding: 4px;
    }

.CATGridHeader td {
    background: #F5F5F5;
    border-bottom: 1px solid #CCCCCC;
    width: 0% !important;
}
/* end css-grey */

.CATGridHeader 
{
	height: 28px;
	font-weight: bold;
	font-size: 8pt;	
	color: #003366;
	font-family: Helvetica, Arial, sans-serif;
	background-color:#D1D7DC; 
	background-image: url(CAT_AltHeader_BG.gif);
/* css-grey
    height: 22px;
    font-weight: bold;
    color: #222222;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
*/
}

/* css-grey */
    .CATGridHeader span {
        color: #000000;
        font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
        font-size: 10px;
        font-weight: normal;
    }
/* end css-grey */

.CATGridItem, .CATGridItemAlt 
{
    font-weight: normal;
    font-size: 11px;
    color: #003366;
    font-family: Helvetica, Arial, sans-serif;
    height: 22px;
    background-color: #eef3fb;
    /* joe */
    padding-top:4px;
    padding-bottom:4px;
/* css-grey
    color: #222222;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
*/
}

/* css-grey */
    .CATGridItem td table td, .CATGridItemAlt td table td {
        border: none !important;
        padding: 0 !important;
    }
/* end css-grey */

.CATGridEditItem 
{
    background-color: #9471DE;
    color:  #003366;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    line-height: 11pt;
/* css-grey
    color: #777777;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 9px;
*/
}

.CATGridFooter 
{
	background-color: #C6C3C6;
	line-height: 8pt;
/* css-grey
    background-color: #C6C3C6;
*/
}

.CATGridPager 
{
	height: 28px;
	font-weight: normal;
	font-size: 20px;                        /* joe - changed from 11px*/
	color: #003366;
	font-family: Helvetica, Arial, sans-serif;
	background-color:#D1D7DC; 
	background-image: url(CAT_AltHeader_BG.gif);
/* css-grey
    height: 32px;
    font-weight: normal;
    font-size: 11px;
    color: #777777;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    background-color: #F5F5F5;
*/
}


/*==================================================
    Java Menu Style used in module CAT_MenuNF
  =================================================*/
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö          |
|--------------------------------------------------*/

.dtree 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	white-space: nowrap;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 9px;
    color: #666;
    white-space: nowrap;
*/
}
    .dtree img 
    {
        border: 0px;
        vertical-align: middle;
    }
    .dtree a 
    {
        color: #333;
        text-decoration: none;
    }
        .dtree a.node, .dtree a.nodeSel 
        {
            white-space: nowrap;
            padding: 1px 2px 1px 2px;
        }
            .dtree a.node:hover, .dtree a.nodeSel:hover 
            {
                color: #ff0000;
                text-decoration: underline;
/* css-grey
                color: #000000;
                text-decoration: underline;
*/
            }
        .dtree a.nodeSel 
        {
	    background-color: #c0d2ec;
/* css-grey
            background-color: #F5F5F5;
            color: #777777;
*/
        }

            .dtree a.node:visited, .dtree a.nodeSel:visited 
            {
                /*color: #800080; */
                text-decoration: none;
            }

    .dtree .clip 
    {
        overflow: hidden;
    }


/* ====================================================
    Style for the solpart menu in module CAT_MenuNF
   ====================================================*/

/* Background of the SolPart menu in module CAT_MenuNF */
td.CATMenuBG 
{
    background-color: #eef3fb;        
/* css-grey
    background-color: transparent;
*/
}

.CATMenuContainer 
{
    background-color: transparent;
    height: 20px;
    font-size: 0px;
    width: 180px;
}

/* Changes of height will cause an ftp error! */
.CATMenuBar 
{
    cursor: pointer;
    cursor: hand;
    height: 16px;
    background-color: Transparent;
}


.CATMenuIcon 
{
	cursor: pointer;
	cursor: hand;
	background-color: #E6E6CB;
	text-align: center;
	width: 15; 
	height: 16;
/* css-grey
    cursor: pointer;
    cursor: hand;
    background-color: #F5F5F5;
    text-align: center;
    width: 15px;
    height: 16px;
*/
}

.CATMenuItem /* activate bg image for subitems here */ 
{
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px; 
	font-weight: normal;
	font-style: normal;
	background-color: white; /* fixed firefox problem, do not use transparent here */
/* css-grey
    cursor: pointer;
    cursor: hand;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    background-color: #fff; /* fixed firefox problem, do not use transparent here */
*/
}

.CATMenuArrow td 
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}


.CATMenuRootArrow td 
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

.CATItemsBreak 
{
}

.CATRootItem td /* left right and center bg of unselected root tab */ 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 20px; 
	background-color: #C1BE9B;
	border-bottom: #003366 1px solid;
	border-top: #FFFFFF 1px solid;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #FCFCFC;
    border-bottom: #777777 1px solid;
    border-top: #FFFFFF 1px solid;
*/
}

.CATRootItemActive td /* outher left other right and center bg of active root item */ 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 20px;
	background-color: #91BFD5;
	border-bottom: #003366 1px solid;
	border-top: #FFFFFF 1px solid;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #FCFCFC;
    border-bottom: #777777 1px solid;
    border-top: #FFFFFF 1px solid;
*/
}

.CATRootItemSelected td /* outher left other right and center bg of selected sub item */ 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 20px;
	background-color: #91BFD5;
	border-bottom: #003366 1px solid;
	border-top: #FFFFFF 1px solid;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #FCFCFC;
    border-bottom: #777777 1px solid;
    border-top: #FFFFFF 1px solid;
*/
}

.CATRootItemBreadCrumb td 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 20px;
	background-color: #91BFD5;
	border-bottom: #003366 1px solid;
	border-top: #FFFFFF 1px solid;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #FCFCFC;
    border-bottom: #777777 1px solid;
    border-top: #FFFFFF 1px solid;
*/
}

.CATSubMenu /* outher left and right bg of unselected sub item, bg of sub tab */ 
{
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 20px;
	background-color: #FFFFFF;
/* css-grey
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #FFFFFF;
*/
}

.CATSubItemActive td /* outher left other right and center bg of selected sub item */ 
{
	border-top: 0px solid;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 20px;
	background-color: #ABD0E2;
/* css-grey
    border-top: 0px solid;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #C1BE9B;
*/
}

.CATSubItemSelected /* outher left other right and center bg of selected sub item */ 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366; 
	background-color: #ABD0E2;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
    background-color: #C1BE9B;
*/
}

.CATSubItemBreadCrumb /* no effect */ 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	background-color: Transparent;
/* css-grey
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
    background-color: Transparent;
*/
}

/* ===================================================================
    Style for the TreeMenu of advanced categories in module CAT_MenuNF
   ===================================================================*/
.CATTreeViewMenu 
{
	width: 175px;
	background-color: #eef3fb;
/* css-grey
    width: 175px;
    background-color: #FFFFFF;
*/
}

.CATTreeViewMenu_Header 
{
	background-color: #eef3fb;
/* css-grey
    background-color: #FFFFFF;
*/
}

.CATTreeMenu_NodeSelected 
{
    font-weight: normal;
    background-color: yellow;
/* css-grey
    color: #595757;
    text-decoration: none;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    padding-left: 5px;
*/
}

/* css-grey */
.CATTreeMenu_NodeChildCssClass {
    text-decoration: none;
    font-weight: normal;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    padding-left: 5px;
}
.CATTreeMenu_NodeCssClass {
    text-decoration: none;
    font-weight: normal;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    padding-left: 5px;
}
.CATTreeMenu_NodeOverCssClass {
    color: #6C6D6F;
    text-decoration: none;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    padding-left: 5px;
}
.CATTreeMenu_BodyCssClass {
    color: #47a045;
    text-decoration: none;
    font-weight: normal;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    padding-left: 5px;
}
/* end css-grey */

/* ====================================================
    Style for the Link Box Control in module CAT_MenuNF
   ====================================================*/

/* css-grey */
LI.linkbox .CATMenu img {
    width: 30px;
    margin-right: 5px;
    text-decoration: none;
}
/* end css-grey */

LI.linkbox {
	DISPLAY: list-item; 
	LIST-STYLE-POSITION: outside; 
	LIST-STYLE-IMAGE: url(bullet.gif); 
	MARGIN-LEFT: -20px; 
	LINE-HEIGHT: 12.5pt;
/* css-grey
    display: list-item;
    list-style-position: outside;
    list-style-image: url(bullet.gif);
    margin-left: 0px;
    line-height: 12.5pt;
    list-style: none;
    margin: 0;
    padding: 0;
*/
}

A.CATMenu, A.CATMenu:link, A.CATMenu:visited 
{
	text-decoration: none; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #003366;
/* css-grey
    text-decoration: none;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 9px;
    color: #777777;
    margin-right: 10px; /*for horizontal menu*/
*/
}

    A.CATMenu:hover 
    {
        text-decoration: underline;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 9px;
        color: #ff0000;
/* css-grey
        text-decoration: underline;
        font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
        font-size: 9px;
        color: #777777;
*/
    }


/* ====================================================
    CSS STYLES FOR THE OLDER FRAME MODULE CATALooKStore 
    v3.3, 11/2004
   ====================================================*/

/*Size of Tree Menu in Module CATALooKStore. Fixed values are necessary for some containers */
.ShopLeftFrame 
{
    height: 600px;
    width: 24%;
}

/*Size of Product List in Module CATALooKStore. Fixed values are necessary for some containers */
.ShopRightFrame 
{
    height: 600px;
    width: 74%;
}

/* Body backcolor, border and scrollbars of ShopLeftFrame TreeMenu in module CATALooKStore*/
.MenuPaneBody 
{
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: Red;
    border-style: solid;
}

/* Body backcolor, border and scrollbars of ShopRightFrame ProductList of module CATALooKStore */
.ItemPaneBody 
{
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: red;
    border-style: solid;
}

/* Width of List Control on Frame ShopMainSide(module: CATALooKStore) [width:auto;] or [width: xxx;] or [width: xxx%;] */
.CATProductListGrid 
{
    width: 100%;
}

.CATProductBrowseList 
{
    width: 100%;
}


/* Border + Background style of repeaters in module CATALooKStore */
.CATPostContainer 
{
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: red;
    border-style: solid;
}

/* Title Style in repeaters on module CATALooKStore */
.CATMostPopularHead 
{
	background-color: red;
	background-image: none;
	background-repeat: no-repeat;
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
/* css-grey
    background-color: red;
    background-image: none;
    background-repeat: no-repeat;
    color: #fff;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 9px;
    font-weight: bold;
*/
}

/* Style of horizontal row in repeaters on module CATALooKStore */
.CATMostPopularFoot 
{
    color: #000000;
    height: 1px;
}
/* Item text in repeators on module CATALooKStore */
A.CATMostPopularItemText, A.CATMostPopularItemText:link, A.CATMostPopularItemText:visited 
{
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
/* css-grey
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 9px;
    text-decoration: none;
*/
}

    A.CATMostPopularItemText:hover 
    {
	color: red;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	text-decoration: underline;
/* css-grey
        color: red;
        font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
        font-size: 9px;
        text-decoration: underline;
*/
    }


/* ===============================================
    Default style for the advanced paging control
   ===============================================*/

/* default style paging table */
.CATPagingTable 
{
	Width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #98AAB1;
	background-color: #D4D9EC;
/* css-grey
    background-color: #F5F5F5;
    border: solid 1px #CCCCCC;
    margin-bottom: 10px;
    text-transform: none;
    width: 100%;
*/
}

/* css-grey */
    .CATPagingTable .CATNormal {
        color: #333333;
        font-family: inherit;
        font-size: 10px;
    }
/* end css-grey */

/* default text style for inactive link buttons of advanced paging control */
.CATNormalDisabled 
{
	font-weight: normal;
	font-size: 11px;
	color: silver;
	font-family: Helvetica, Arial, sans-serif;
/* css-grey
    color: #999999;
    font-family: inherit;
    font-size: 8pt;
    font-weight: normal;
    letter-spacing: 0;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
*/
}

/* joe 5/20/2015 */
select.FormFieldOverride, input.FormFieldOverride
{
    padding:2px !important;
    box-sizing: border-box;
}
/* end joe */



/* ===============================================
    Style for the lytebox.js script
   ===============================================*/

#lbOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 500px;
}
    #lbOverlay.grey 
    {
        background-color: #000000;
    }

#lbMain 
{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
    line-height: 0;
}
    #lbMain a img 
    {
        border: none;
    }

#lbOuterContainer 
{
    position: relative;
    background-color: #fff;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}
    #lbOuterContainer.grey 
    {
        border: 3px solid #888888;
    }

#lbDetailsContainer 
{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    width: 100%;
    line-height: 1.4em;
    overflow: auto;
    margin: 0 auto;
}
    #lbDetailsContainer.grey 
    {
        border: 3px solid #888888;
        border-top: none;
    }

#lbImageContainer, #lbIframeContainer 
{
    padding: 10px;
}
#lbLoading 
{
    position: absolute;
    top: 45%;
    left: 0%;
    height: 32px;
    width: 100%;
    text-align: center;
    line-height: 0;
    background: url(lytebox/Images/loading.gif) center no-repeat;
}

#lbHoverNav 
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lbImageContainer > #lbHoverNav 
{
    left: 0;
}
#lbHoverNav a 
{
    outline: none;
}

#lbPrev 
{
    width: 49%;
    height: 100%;
    background: transparent url(lytebox/Images/blank.gif) no-repeat;
    display: block;
    left: 0;
    float: left;
}
    #lbPrev.grey:hover, #lbPrev.grey:visited:hover 
    {
        background: url(lytebox/Images/prev_grey.gif) left 15% no-repeat;
    }

#lbNext 
{
    width: 49%;
    height: 100%;
    background: transparent url(lytebox/Images/blank.gif) no-repeat;
    display: block;
    right: 0;
    float: right;
}
    #lbNext.grey:hover, #lbNext.grey:visited:hover 
    {
        background: url(lytebox/Images/next_grey.gif) right 15% no-repeat;
    }

#lbPrev2, #lbNext2 
{
    text-decoration: none;
    font-weight: bold;
}
    #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey 
    {
        color: #333333;
    }

#lbPrev2_Off, #lbNext2_Off 
{
    font-weight: bold;
}
    #lbPrev2_Off.grey, #lbNext2_Off.grey 
    {
        color: #CCCCCC;
    }

#lbDetailsData 
{
    padding: 0 10px;
}
    #lbDetailsData.grey 
    {
        color: #333333;
    }

#lbDetails 
{
    width: 60%;
    float: left;
    text-align: left;
}
#lbCaption 
{
    display: block;
    font-weight: bold;
}
#lbNumberDisplay 
{
    float: left;
    display: block;
    padding-bottom: 1.0em;
}
#lbNavDisplay 
{
    float: left;
    display: block;
    padding-bottom: 1.0em;
}

#lbClose 
{
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}
    #lbClose.grey 
{
        background: url(lytebox/Images/close_grey.png) no-repeat;
    }

#lbPlay 
{
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}
    #lbPlay.grey 
    {
        background: url(lytebox/Images/play_grey.png) no-repeat;
    }

#lbPause 
{
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}
    #lbPause.grey 
    {
        background: url(lytebox/Images/pause_grey.png) no-repeat;
    }