Pallet_Racking_-_Selective_S.jpg  Selective_racking94.JPG

 Selective_racking185.JPG

Selective_racking182.JPG

Longspan_shelving_small32.JPG

Longspan Shelving

Longspan_Racking2_S.jpg

Garage Shelving

Longspan_Racking3_S.jpg

Warehouse Shelving

Garage_shelving_small27.JPG

 

LD_Cantilever_small15.JPG

Light Duty Cantilever

HD_Cantilever_small23.JPG

Heavy Duty Cantilever

LD_Cantilever_small28.JPG

HD_Cantilever_small17.JPG

 

RS_Mezzanine_small18.JPG

Rack Supported Mezzanines

S_Mezzanine_small18.JPG

Structural Mezzanines

RS_Mezzanine_small224.JPG

S_Mezzanine_small50.JPG

 

 Workbenches_small16.JPG  Workbenches_small48.JPG Workbenches_small56.JPG Workbenches_small17.JPG

Cable_rack_small18.JPG

Cable Racks

Shelving_with_bins_small7.JPG

Shelving with bins

Pigeon_Hole_small1.JPG

Pigeon Hole racks

Clothes_rack_small4.JPG

Clothes Hanging Racks

 

Please don't Edit or Delete this Page.  You'll need it later when testing any Theme changes.

Theme Test Page

This page displays all the Theme styling created by the Theme Designer that you can use to add rich formatting effects to your website content. Use this page to test your styling after you make changes to your Theme.

We highly recommend that you use Formats and Custom Formats within the Rich-text Editor to style your content so that your content can be governed by the Theme.  In this way, if your Theme changes, your content will change along with it.

rte.png

TIP: To maintain consistency across the entire website, Site Managers should consider disabling the Rich-text Editor's font and size selections in the Site Settings to enforce the exclusive use of these formats by all content editors.

NOTE: The "mobile-hide" and "desktop-hide" Custom Formats below are only visible in their perspective modes. ;)


Formats
: The following content styles are available from the "Format" Pick List in the Rich-text Editor menu.

 

Heading 1 (h1)

 

Heading 2 (h2)

 

Heading 3 (h3)

 

Heading 4 (h4)

 

Heading 5 (h5)

 

Heading 6 (h6)

 
this is body text that is outside of any HTML tags such as paragraph tags.
this is bold text that is outside of any HTML tags such as paragraph tags.
this is italics text that is outside of any HTML tags such as paragraph tags.

This text is in a paragraph HTML tag. This text is in a paragraph HTML tag. This text is in a paragraph HTML tag. This text is in a paragraph HTML tag. This text is in a paragraph HTML tag. This text is in a paragraph HTML tag. This text is in a paragraph HTML tag. This text is in a paragraph HTML tag. This text is in a paragraph HTML tag. 


text link (a)

address

 

preformatted

 

blockquote

Line (hr)


 

Unordered List (ul)

 

  • list
    • list
    • list
  • list

 

Ordered List (ol)

  1. list
    1. list
    2. list
    3. list
  2. list
  3. list

 


Custom Formats
: The following content styles are available from the "Custom Format" Pick List in the Rich-text Editor menu (and are included in all Themes created by the Theme Designer).

 

color-primary

Primary Color


background-primary

         

color-secondary

Secondary Color


background-secondary

         

 

image-primary

headshot-picture.jpgThis custom format will wrap the image ("img" tag) in the primary image styling.

image-secondary

headshot-picture.jpgThis custom format will wrap the image ("img" tag) in the seconday image styling.

 

image-left-primary

headshot-picture.jpgThis custom format will float the image ("img" tag) to the left, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image ("img" tag) to the left, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image ("img" tag) to the left, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image ("img" tag) to the left, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image ("img" tag) to the left, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image ("img" tag) to the left, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image ("img" tag) to the left, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image ("img" tag) to the left, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image ("img" tag) to the left, apply the primary image styling, and wrap any text next to it around the image.

image-left-secondary

headshot-picture.jpgThis custom format will float the image (img tag) to the left, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the left, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the left, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the left, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the left, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the left, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the left, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the left, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the left, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the left, apply the secondary image styling, and wrap any text next to it around the image.

image-right-primary

headshot-picture.jpgThis custom format will float the image (img tag) to the right, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the primary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the primary image styling, and wrap any text next to it around the image.

 

image-right-secondary

headshot-picture.jpgThis custom format will float the image (img tag) to the right, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the secondary image styling, and wrap any text next to it around the image. This custom format will float the image (img tag) to the right, apply the secondary image styling, and wrap any text next to it around the image.

 

image-desktop-hide

headshot-picture.jpgThis custom format can be used in conjunction with the previous custom formats to hide an image ("img" tag) when the image is displayed in "desktop mode".  This custom format is useful if an image may not be necessary for desktop visitors.

 

 

image-mobile-hide

headshot-picture.jpgThis custom format can be used in conjunction with the previous custom formats to hide an image ("img" tag) when the image is displayed in "mobile mode".  This custom format is useful if an image may not be necessary for the meaning of the content and takes up too much space on the page when viewed from a mobile device.

 

 

You can apply the Custom Formats below to any link ("a" tag) to style them as buttons. Ideally, only one primary button should be on any one page, and should represent the 'call to action' for your site visitors.  Secondary buttons should be used for any other buttons you might want to add to you page without distracting your visitors from the primary button. These two sizes are available and created by the Theme Designer.

link-button-primary-large

Large Primary Button

link-button-secondary-large

Large Secondary Button

link-button-primary-small

Small Primary Button

link-button-secondary-small

Small Secondary Button

 

link-menu-item

 The following links ("a" tag) can be styled to create quick and easy vertical menus within common regions where a full-blown Menu Region is not necessary.

link1 link2 link3

  

link-content-more

 

link-desktop-hide

[This link hidden from Desktop visitors.] This custom format can be used with any link ("a" tag) and in conjunction with the previous custom formats to hide a link when displayed in "desktop mode".  This custom format is useful if the link goes to a page that is best viewed accurately from "mobile mode" so you want to hide navigation to the page from all desktop visitors.

 

 

link-mobile-hide

[This link hidden from Mobile] This custom format can be used with any link ("a" tag) and in conjunction with the previous custom formats to hide a link when displayed in "mobile mode".  This custom format is useful if the link goes to a page that can only be viewed accurately from "desktop mode" so you want to hide navigation to the page from all mobile visitors.

 

paragraph-indent

This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented. This paragraph (p tag) is indented.

 

paragraph-box-primary

This paragraph (p tag) colored with the primary color of the Theme. This paragraph (p tag) colored with the primary color of the Theme. This paragraph (p tag) colored with the primary color of the Theme. This paragraph (p tag) colored with the primary color of the Theme. This paragraph (p tag) colored with the primary color of the Theme. This paragraph (p tag) colored with the primary color of the Theme.

 

paragraph-box-secondary

This paragraph (p tag) colored with the secondary color of the Theme. This paragraph (p tag) colored with the secondary color of the Theme. This paragraph (p tag) colored with the secondary color of the Theme. This paragraph (p tag) colored with the secondary color of the Theme. This paragraph (p tag) colored with the secondary color of the Theme.

 

paragraph-box-example

This paragraph (p tag) is for examples. This paragraph (p tag) is for examples. This paragraph (p tag) is for examples. This paragraph (p tag) is for examples. This paragraph (p tag) is for examples. This paragraph (p tag) is for examples. This paragraph (p tag) is for examples. This paragraph (p tag) is for examples. This paragraph (p tag) is for examples.

 

paragraph-box-notice

This paragraph (p tag) is for notices. This paragraph (p tag) is for notices. This paragraph (p tag) is for notices. This paragraph (p tag) is for notices. This paragraph (p tag) is for notices. This paragraph (p tag) is for notices. This paragraph (p tag) is for notices. This paragraph (p tag) is for notices. This paragraph (p tag) is for notices.

 

paragraph-box-warning

This paragraph (p tag) is for warnings. This paragraph (p tag) is for warnings. This paragraph (p tag) is for warnings. This paragraph (p tag) is for warnings. This paragraph (p tag) is for warnings. This paragraph (p tag) is for warnings. This paragraph (p tag) is for warnings. This paragraph (p tag) is for warnings. This paragraph (p tag) is for warnings.

 

paragraph-no-margin

This surrounding paragraph has no bottom margin...

This paragraph (p tag) has no top or bottom margin. This paragraph (p tag) has no top or bottom margin. This paragraph (p tag) has no top or bottom margin. This paragraph (p tag) has no top or bottom margin.

This surrounding paragraph has no top margin...

 

paragraph-no-margin-top

This surrounding paragraph has no bottom margin...

This paragraph (p tag) has no top margin. This paragraph (p tag) has no top margin. This paragraph (p tag) has no top margin. This paragraph (p tag) has no top margin.

 

paragraph-no-margin-bottom

This paragraph (p tag) has no bottom margin. This paragraph (p tag) has no bottom margin. This paragraph (p tag) has no bottom margin. This paragraph (p tag) has no bottom margin.

This paragraph has no top margin.

 

paragraph-desktop-hide

This custom format can be used in conjunction with the previous custom formats to hide a paragraph ("p" tag) when the paragraph is displayed in "desktop mode".  This custom format is useful if a paragraph may not be necessary for desktop visitors, perhaps it contains a message meant only for mobile visitors.

 

paragraph-mobile-hide

This custom format can be used in conjunction with the previous custom formats to hide a paragraph ("p" tag) when the paragraph is displayed in "mobile mode".  This custom format is useful if a paragraph may not be necessary for the meaning of the content and takes up too much space on the page when viewed from a mobile device.

 

table-left

Table content will expand the table to the right.

Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table. Text that will float around the right side of the table.

 

table-right

Table content will expand the table to the left.

Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table. Text that will float around the left side of the table.

 

table-center

Table content will expand the table.

 

table-primary

Table Cell Header (th.table-primary) tag
Table Cell Data (td.table-primary) tag

 

table-secondary

Table Cell Header (th.table-secondary) tag
Table Cell Data (td.table-secondary) tag

 

table-desktop-hide

This custom format can be used to hide a table ("table" tag) or in conjunction with the previous custom formats when the table is displayed in "desktop mode". This custom format is useful if a table content is targeted at mobile visitors only.

 

table-mobile-hide

This custom format can be used to hide a table ("table" tag) or in conjunction with the previous custom formats when the table is displayed in "mobile mode". This custom format is useful if a table may not be necessary for the meaning of the content and takes up too much space on the page when viewed from a mobile device.

 

table-row-header, table-row-body, table-row-footer

Table Row Footer (tfoot.table-row-footer) tag
Table Row Header (thead.table-row-header) tag
Table Row Body (tbody.table-row-body) tag

 

table-cell-header, table-cell-data

Table Cell Header (th.table-cell-header) tag Table Cell Data (td.table-cell-data) tag
Table Cell Header (th.table-cell-header) tag Table Cell Data (td.table-cell-data) tag

 

table-cell-mobile-fill, table-cell-mobile-wrap

table-cell-mobile-fill is used to force a table cell ("td" tag) to the full width of the screen in "mobile mode".  This allows tables with alot of content to "wrap" when viewed on mobile devices.

This custom format should be used on the first table cell in the table's first row.  All subsequent table cells in the same table row should have the table-cell-mobile-wrap custom format in order for all table cells to wrap correctly when viewed on mobile devices.

table-cell-mobile-wrap is used to force a table cell ("td" tag) to wrap in "mobile mode".  This allows tables with alot of content to "wrap" when viewed on mobile devices.

This custom format should be used on all BUT the first table cell in the table's first row.  All subsequent table cells in the table should have the table-cell-mobile-wrap custom format too in order for all table cells to wrap correctly when viewed on mobile devices.

 

table-cell-desktop-hide

This custom format can be used to hide a table cell ("td" tag) or in conjunction with the previous custom formats when the table cell is displayed in "desktop mode". This custom format is useful if a table cell may only be targeted at mobile visitors.

 

table-cell-mobile-hide

This custom format can be used to hide a table cell ("td" tag) or in conjunction with the previous custom formats when the table cell is displayed in "mobile mode". This custom format is useful if a table cell may not be necessary for the meaning of the content and takes up too much space on the page when viewed from a mobile device.

 

text-annotate

This is text and this text is annotated.

 

text-box-primary

This is a primary text box. 

 

text-box-secondary

 This is a secondary text box.

 

text-box-example

This is a text example.

 

text-box-notice

This is a text notice.

 

text-box-warning

This is text warning.

 

text-desktop-hide

This custom format can be used in conjunction with the previous custom formats to hide text ("span" tag) when text is displayed in "desktop mode".  This custom format is useful if some text may not be necessary for desktop visitors, perhaps it contains a message mean't only for mobile visitors.

 

text-mobile-hide

This custom format can be used in conjunction with the previous custom formats to hide some text ("span" tag) when the text is displayed in "mobile mode".  This custom format is useful if some text may not be necessary for the meaning of the content and takes up too much space on the page when viewed from a mobile device.

 

text-highlighter

This text is highlighted.

 

text-fineprint

This text is fineprint.

 

text-quote

"Opportunity is missed by most people because it is dressed in overalls and looks like work." - Thomas Edison

 

video-primary

This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's primary color styling.  For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video.

 

video-secondary

This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's primary color styling.  For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video.

 

video-left-primary

This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's primary styling and float the video to the left of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's primary styling and float the video to the left of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's primary styling and float the video to the left of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's primary styling and float the video to the left of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video.


video-left-secondary

This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's secondary styling and float the video to the left of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's secondary styling and float the video to the left of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's secondary styling and float the video to the left of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's secondary styling and float the video to the left of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video.

 

video-right-primary

This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's primary color styling and float the video to the right of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's primary color styling and float the video to the right of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's primary color styling and float the video to the right of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's primary color styling and float the video to the right of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video.

 

video-right-secondary

This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's secondary color styling and float the video to the right of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's secondary color styling and float the video to the right of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's secondary color styling and float the video to the right of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video. This custom format will wrap the video ("object", "iframe", or HTML5 "video" tag) in the theme's secondary color styling and float the video to the right of any text next to it. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video.

 

video-mobile-hide

This custom format can be used in conjunction with the previous custom formats to hide the video ("object", "iframe", or HTML5 "video" tag) when the video is displayed in "mobile mode".  This custom format is useful if some videos may not be necessary for mobile visitors, perhaps it will not play on all mobile devices or is not intended for mobile visitors. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video.

 

video-desktop-hide

This custom format can be used in conjunction with the previous custom formats to hide the video ("object", "iframe", or HTML5 "video" tag) when the video is displayed in "desktop mode".  This custom format is useful if some videos may not be necessary for desktop visitors, perhaps it is not intended for desktop visitors. For compatibility, this Custom Format is applied to the video's parent container, typically the paragraph ("p" tag) surrounding the video.

 

 


Buttons
: These buttons are used by the system's interactive features and created by the Theme Designer. You can use them in Designer Regions and in Custom Page Styles.

input.software_input_submit_primary,
input.software_input_submit_secondary
a.software_button_primary,
a.software_button_secondary
Primary Link Secondary Link
input.software_input_submit_small_primary,
input.software_input_submit_small_secondary
a.software_button_small_primary
a.software_button_small_secondary
Primary Link Secondary Link
input.software_input_text
a.software_button_tiny_secondary
Tiny Link

 

Button Size Comparisons:

Primary LinkSecondary Linklink-button-primary-largelink-button-secondary-large

Secondary Linklink-button-primary-smalllink-button-secondary-small

Powered by liveSite