﻿#catalogMain header > img {
    display: none;
}

#catalogMain header > h1 {
    display: none;
}

div.itemIcon img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

h1.ui-widget-header, h2.ui-widget-header, h3.ui-widget-header, h4.ui-widget-header, h5.ui-widget-header {
    padding: .25em;
}

.catalogItems {
    text-align: center;
}

    .catalogItems article {
        overflow: hidden;
        text-align: left;
    }

        .catalogItems article h3 {
            font-size: 1em;
            margin: 0 0 1em 0;
        }


.subcatalogs {
    text-align: center;
    margin: 1em 0;
}

    .subcatalogs article {
        overflow: hidden;
        text-align: left;
    }

        .subcatalogs article h3 {
            font-size: 1em;
            margin: 0 0 1em 0;
        }



.catalogNav {
    margin-bottom: 1em;
    width: 100%;
}

    .catalogNav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .catalogNav ul li {
            display: block;
            margin: .2em .4em;
            padding: 0;
            text-align: left;
        }

    .catalogNav > ul {
        margin-bottom: 2em;
    }

    .subcatalogs article.catalogHidden,
    .catalogNav ul.catalogHidden,
    .catalogNav ul > li.catalogHidden,
    article.catalogHidden {
        display: none;
    }

.noside #sidebar {
    display: none;
}

.SoftwareUtilities {
    margin-top: 1em;
}

#SearchSite {
    padding:0;
}
.flds {
    margin:auto 0;
    padding:0;
    list-style-type:none;
}
.flds > li {
    padding:1em;
    text-align:left;
}

#GoToCart {
    display:none;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* default-std.css */

#catalogMain {
    min-height: 3em;
    margin-bottom: 1em;
}

    #catalogMain header > h1 {
        float: left;
        display: none;
    }

    #catalogMain header > img {
        float: right;
        margin: .25em .25em;
        display: none;
    }

#sidebar h2 {
    font-size: 1.25em;
    margin: 0;
    margin-top: 1em;
}

#sidebar h3 {
    font-size: 1.1em;
    margin: 0;
    margin-top: 1em;
}

.noside #catalogMain {
    width:100%;
    padding:0;
    margin:0;
    float: none;
}

.subcatalogs article {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    /*TODO:CONFIG*/
    margin: 5px;
    padding: 5px;
    width: 175px;
    height: 225px;
}

    .subcatalogs article h3 {
        /*TODO:CONFIG*/
        text-align: center;
    }

    .subcatalogs article div.itemIcon {
        display: inline-block;
        /*TODO:CONFIG*/
        margin: 5px;
        padding: 5px;
        width: 150px;
        height: 150px;
        /*border:dashed 1px;*/
    }

.catalogItems article {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    /*TODO:CONFIG*/
    margin: 5px;
    padding: 5px;
    width: 175px;
    height: 225px;
}

    .catalogItems article h3 {
        /*TODO:CONFIG*/
        text-align: center;
    }

    .catalogItems article div.itemIcon {
        display: inline-block;
        /*TODO:CONFIG*/
        margin: 5px;
        padding: 5px;
        width: 150px;
        height: 150px;
        /*border:dashed 1px;*/
    }

.subcatalogs article.catalogHidden,
.catalogNav ul > li.catalogHidden,
article.catalogHidden {
    display: none;
}

input.ui-autocomplete-input {
    /*width: auto !important;*/
    width: 20rem !important;
}

div.msgAdd {
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
}

@media screen and (min-width: 768px) {
    #catalogMain {
        float: right;
        width: 74%;
        padding-left: 1em;
    }

    #sidebar {
        float: left;
        width: 23%;
        max-width: 330px;
    }
}