<?xml version="1.0" encoding="UTF-16"?>
<snippets>
    <category filters="*" id="category_1261766304368" initial_state="0" label="CSS Objects: Structural Building Blocks" largeicon="" smallicon="">
        <description><![CDATA[Plug & play modules and CSS preformatted structures]]></description>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262273847219" label="Page Element: Side column" largeicon="" smallicon="">
            <description><![CDATA[This will make either a right or left side column. Use "m01" for left and "m03" for right.

Typically the "m03" column will come AFTER the "m02".

Classes are not usually applied to this div.]]></description>
            <content><![CDATA[<div id="${m01}">${Chat}</div>]]></content>
            <variable default="m01" id="name_1" name="m01">
                <description><![CDATA[The most popular - left column]]></description>
            </variable>
            <variable default="m03" id="name_2" name="m03">
                <description><![CDATA[Usually a right-side column]]></description>
            </variable>
            <variable default="&lt;jsp:include page=&quot;/WEB-INF/jsp/customerservice/needHelp.jsp&quot; flush=&quot;true&quot;/&gt;" id="name_3" name="Chat">
                <description><![CDATA[The help/Chat box - nearly every page has this]]></description>
            </variable>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262274209787" label="Page Element: Center Column" largeicon="" smallicon="">
            <description><![CDATA[The main, content area, m02. Classes are not usually applied to this div.]]></description>
            <content><![CDATA[<div id="m02"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262209689768" label="Section" largeicon="" smallicon="">
            <description><![CDATA[Add 12px of bottom separation to a block element (div, p, table) or turn any inline element into a floating, left-cleared box that separates from the content following it.]]></description>
            <content><![CDATA[class="section"]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262202134408" label="Content Container: Basic wrapper" largeicon="" smallicon="">
            <description><![CDATA[THIS BOX REQUIRES A HEADER!

THIS BOX REQUIRES AN INNER BOX!

This is the starting point for most of our content modules.

This box takes colored headers and provides a border for the content.

Box includes border for content area.]]></description>
            <content><![CDATA[<div class="moduleStruct"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262202161331" label="Content Container: No header" largeicon="" smallicon="">
            <description><![CDATA[A basic box that does not have a separate, styled header. It is fully padded and ready for content. 

It has a border on all four sides. Any header placed within this structure will blend with the content. It will be black and sized according to what level of header it is.



Example:  Account Summary page.]]></description>
            <content><![CDATA[<div class="moduleStructContent modStyle0"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262211722666" label="Box Header: Roll your own!" largeicon="" smallicon="">
            <description><![CDATA[Any box header style you need. 

Use "Insert Variable Placeholder..." to customize the class with one of the options from the "Variables" list]]></description>
            <content><![CDATA[<h2 class="${OD_Yellow}"><i18n:heading1 key="" /></h2>]]></content>
            <variable default="modStyle1" id="name_6" name="OD_Yellow">
                <description><![CDATA[Black text; The box header style seen on the registration page. ]]></description>
            </variable>
            <variable default="modStyle2" id="name_1" name="Red">
                <description><![CDATA[White text; Commonly seen in the side-column boxes]]></description>
            </variable>
            <variable default="modStyle4" id="name_4" name="Gray">
                <description><![CDATA[Not generally used; Outlines a header in gray]]></description>
            </variable>
            <variable default="modStyle3" id="name_2" name="Black">
                <description><![CDATA[White text; Specified in the OD style sheets, but rarely (never?) used]]></description>
            </variable>
            <variable default="modStyle5" id="name_5" name="Depot">
                <description><![CDATA[Red text, gradient background; Typical of the "Depot box"]]></description>
            </variable>
            <variable default="modStyle6" id="name_3" name="Orange">
                <description><![CDATA[White text; Occasional use]]></description>
            </variable>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262210930502" label="1. Interior Box: Basic style" largeicon="" smallicon="">
            <description><![CDATA[A required element inside the wrapper.

Use with a colored header.

Example:  Account Summary page.]]></description>
            <content><![CDATA[<div class="moduleStructContent"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262280555513" label="1a. Interior Box: No header" largeicon="" smallicon="">
            <description><![CDATA[Use when you do not have a style header and want a simple box with border on all four sides]]></description>
            <content><![CDATA[<div class="moduleStructContent modStyle0"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262279569677" label="1b. Interior Box: No header, gray" largeicon="" smallicon="">
            <description><![CDATA[This creates a box with a gray border on all four sides, with a light gray interior. This box does not have a styled header]]></description>
            <content><![CDATA[<div class="moduleStructContent modStyle0 modStyle4"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262279571348" label="2. Interior box:  &quot;Depot&quot; style" largeicon="" smallicon="">
            <description><![CDATA[This is the bottom portion of a "Depot" box. See the home page or the DPS page for examples.]]></description>
            <content><![CDATA[<div class="moduleStructContent modStyle5i"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262207458830" label="50% Columns" largeicon="" smallicon="">
            <description><![CDATA[Split the page into two columns. (Place structural modules inside the columns.)]]></description>
            <content><![CDATA[<div class="col1"> </div>
<div class="col2"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262297954545" label="Stand-alone Column: Set of Two" largeicon="" smallicon="">
            <description><![CDATA[This creates two columns of equal width (372px) with spacing between them]]></description>
            <content><![CDATA[<div class="oCol1of2 first"> </div>
<div class="oCol1of2"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262287183121" label="Stand-alone Column 3:1 proportion" largeicon="" smallicon="">
            <description><![CDATA[Takes up 3 column widths (565px)

This will almost always be a first column]]></description>
            <content><![CDATA[<div class="oCol3of4 first"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262287428198" label="Stand-alone Column 1:3 proportion" largeicon="" smallicon="">
            <description><![CDATA[This creates the same effect as an "m04", but can be used when there is already an "m01" and especially if the page uses a block of 756px width below it.

Storefront and supergroup landing pages (navCatalog) use this layout.]]></description>
            <content><![CDATA[<div class="oCol1of4 first"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262202460247" label="Interior Column: One of 4" largeicon="" smallicon="">
            <description><![CDATA[Use to make a column that will be part of a set of four. These go inside a container, typically a modStyle0.



Note: If you are using the full 948px width you can use 5 of these.]]></description>
            <content><![CDATA[<div class="iCol1of4"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262207766735" label="Interior Column: One of 4: First Column" largeicon="" smallicon="">
            <description><![CDATA[First column of a set has its padding removed because padding is only required BETWEEN columns. (Columns are padded on the left and the first column uses the container's interior padding.)]]></description>
            <content><![CDATA[<div class="iCol1of4 first"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1240601000795" label="Interior Column: One of 2" largeicon="" smallicon="">
            <description><![CDATA[Use to make a column that will be part of a set of two. These go INSIDE a container, typically a modStyle1.]]></description>
            <content><![CDATA[<div class="iCol1of2"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262207955481" label="Interior Column: One of 2: First" largeicon="" smallicon="">
            <description><![CDATA[First column of a set has its padding removed because padding is only required BETWEEN columns. (Columns are padded on the left and the first column uses the container's interior padding.)]]></description>
            <content><![CDATA[<div class="iCol1of2 first"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262210211101" label="Interior Column: 2:1 proportion" largeicon="" smallicon="">
            <description><![CDATA[One column takes up 2/3 of available space in an interior box. Second column takes up 1/3 of space.]]></description>
            <content><![CDATA[<div class="iCol2of3 first"> </div>
<div class="iCol1of3"> </div>]]></content>
        </item>
        <item category="category_1261766304368" class="" editorclass="" id="item_1262210625396" label="Interior Column: 1:2 proportion" largeicon="" smallicon="">
            <description><![CDATA[First column takes up 1/3 of interior space. Second column takes up remaining 2/3 of available space.]]></description>
            <content><![CDATA[<div class="iCol1of3 first"> </div>
<div class="iCol2of3"> </div>]]></content>
        </item>
    </category>
</snippets>
