/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
    
    le.css.js - 
    
    CSS definitions collected in one spot to make my life easier.
    If a className changes, I change it here instead of doing a global
    search and replace.
    
    List should alphabetized
    
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
var css = {
    // standard buy grid CSS classes
    sbg : {
        colorNotSelected            : "swatchOuterBorderOff",
        colorSelectedAvailable      : "swatchOuterBorderOff",
        colorSelectedBackOrdered    : "swatchOuterBorderBackOrderOn",
        colorNotSelectedBackOrdered : "swatchOuterBorderBackOrderOff",
        colorSelected               : "swatchOuterBorderOn",
        colorSelectedNotAvailable   : "swatchOuterBorderDashedOn",
        colorNotSelectedNotAvailable: "swatchOuterBorderDashedOff",
        tabDownParent       		: "tabButtonDown",
		tabDownChild	      		: "tabButtonChildDown",
		tabUpParent       			: "tabButtonUp",
		tabUpChild	      			: "tabButtonChildUp",
        productDetailInactive       : "productDetailInactive",
        sizeNotSelected             : "sizeOuterBorderOff",
        sizeSelected                : "sizeOuterBorderOn",
        sizeSelectedAvailable       : "sizeOuterBorderOff",
        sizeSelectedBackOrdered     : "sizeOuterBorderBackOrderOn",
        sizeNotSelectedBackOrdered  : "sizeOuterBorderBackOrderOff",
        sizeSelectedNotAvailable    : "sizeOuterBorderDashedOn",
        sizeNotSelectedNotAvailable : "sizeOuterBorderDashedOff",
        altProductImageSelected     : "altImage_sel",
        altProductImageUnselected   : "altImage_off"
    },
    
    // collections buy grid CSS classes
    cbg : {
        fullCollectionItem          : "fullCollection_Item"
    },
    
    inlineShoppingBag : {
        visible                     : "inlineShoppingBagVisible",
        notVisible                  : "inlineShoppingBagNotVisble"
    },
    
    imageViewer : {
        inButtonActive              : "inbuttonactive",
        inButtonInactive            : "inbuttoninactive",
        outButtonActive             : "outbuttonactive",
        outButtonInactive           : "outbuttoninactive",
        fullButtonActive            : "fullbuttonactive",
        fullButtonInactive          : "fullbuttoninactive",
        showAlert                   : "showalert",
        hideAlert                   : "hidealert"
    }
};

