*
{
    font-size: 1em;
}

html
{
    position: relative;
}

body
{
    padding: 40px 0;
    min-width: 1024px;
}

a
{
    cursor: pointer;
}

h1
{
    font-size: 3em;
}

input[type=checkbox]
{
    width:16px;
    height:16px;
}

.float-none
{
    float:none;
}

span.float-none input[type=checkbox]
{
    float:none;
}

.table-cell.vertical-align-middle
{
    vertical-align:middle;
}

span.vertical-align-middle input[type=checkbox]
{
    vertical-align:middle;
}

td.centred 
{
    text-align: center; /* center checkbox horizontally */
    vertical-align: middle; /* center checkbox vertically */
}

.carousel-wrap {
	max-height:600px;
	overflow-y: auto;
}

.container-fluid
{
    padding: 0;
}

.header
{
    margin: 0 0 1em 0;
    border: 0;
    background-image: none;
    padding: 1em 0;
}

.logo
{
    display: block;
}
.nav .search
{
    padding: 2px 10px;
    margin: 3px;
}
.nav .search input
{
    border: 0;
    display: inline-block;
    padding: 2;
    margin: 0;
}
.nav .search span.ui-icon
{
    display: inline-block;
    vertical-align: middle;
}
.nav .right
{
    padding: 8px;
}
/* .nav .ui-button-text { padding: .5em 1em;} */

.nav_menu
{
    margin: auto; /* float: none !important;     width: 99%;     padding: 0 0 .5em 0; */
}
.nav_menu ul
{
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
}
.nav_menu li a
{
    font-weight: normal;
}

.footer
{
    text-align: center;
    vertical-align: middle;
    font-size: 0.75em;
}
.footer a
{
    text-decoration: underline;
}

.main-content
{
    padding-top: 2em;
}

.main-content-area
{
    padding: .5em; /*     margin-top: 5em;     position: absolute;     top: 0;     min-width: 1024px;     padding-bottom: 3em; */
}

.menu-icon-open, .menu-icon-close
{
    /*display: inline-block !important;*/
    position:absolute;
    top:50%;
}

.menu-container
{
    padding-left: .5em;
    padding-right: .5em;
    border: none !important;
    cursor: pointer;
}

.menu-text
{
    line-height: 40px;
}

.menu-container ul
{
    padding: 0;
}

.menu-group
{
    position: relative;
}

.menu-heading
{
    font-weight: bold;
}

.menu-heading img
{
    position: absolute;
}

.menu-heading span
{
    margin-left: 32px;
    padding-left: .5em;
    display: inline-block;
}

.menu-item-section-title
{
    white-space: normal !important;
    width: 100%;
}

.menu-item
{
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: .25em;
    padding-right: .25em;
}

.menu-table
{
    display: table;
    margin-left: 2em;
    margin-right: 2em;
    height: 100%;
}

.menu-row
{
    display: table-row;
    margin-left: 2em;
    margin-right: 2em;
}

.menu
{
}

.col-last
{
    padding-right: .5em;
}

.row-fluid input[type="checkbox"]
{
    float: left;
    margin-right: .5em;
}

.content-container
{
    padding-top: .5em;
    padding-bottom: .5em;
    overflow: hidden;
}

.text-heading
{
    overflow: hidden;
}

.text-heading span
{
    padding-left: .5em;
    padding-right: .5em;
}

.row-last
{
    margin-bottom: 1em;
}

.pad-left
{
    padding-left: .5em;
}

.pad-right
{
    padding-right: .5em;
}

.pad-top
{
    padding-top: .5em;
}

.pad-bottom
{
    padding-bottom: .5em;
}

.pad-all
{
    padding: .5em;
}

.buffer-top
{
    margin-top: .5em;
}

.buffer-bottom
{
    margin-bottom: .5em;
}

.buffer-left
{
    margin-left: .5em;
}


.buffer-right
{
    margin-right: .5em;
}

.buffer-all
{
    margin: .5em;
}

/*
    A hack to stop the accordion panel title from displaying below the icon
*/
.ui-accordion h3 span.ui-icon
{
    display: inline-block !important;
}

.text-center
{
    text-align: center;
}

.pull-center
{
    text-align: center;
}

div.pull-center
{
    display: block !important;
    margin: auto;
}

.list-style-none
{
    list-style: none;
    padding: .5em;
    margin: 0;
}

.clickable
{
    cursor: pointer;
}

.section-title
{
    font-size: 2em;
    font-size: 2vw;
    font-weight: normal;
}

.nav-separator
{
    height: 1em;
}

.nav-button-container
{
    margin-right: 2em;
    padding-top: .5em;
}

.nav-button-container a
{
    text-decoration: none;
}

.disclaimer
{
    padding-left: 4em;
    padding-right: 4em;
    font-size: .8em;
    height: 3em;
}

.navbar-fixed-top
{
    height: 4.5em;
    z-index: 1000;
}

.navbar-fixed-left
{
    z-index: 1031 !important;
    position: fixed;
    top: 0px;
    bottom: 0px;
}

.navbar-fixed-left-closed
{
    /*left: -30em;*/
    display:none;
    
}

.navbar-fixed-left-open
{
    left: 0px;
    
}

.menu-left-content
{
    /*width: 30em;*/
    overflow: auto;
    height: 100%;
}

.hidden
{
    display: none !important;
}

/* styles for the homepage categories */
/*
.newui_home_aspx a.sub-category
{
    padding-left: 3em;
    padding-top: .5em;
    padding-right: .5em;
    padding-bottom: .5em;
}

.newui_home_aspx a.sub-category img
{
    padding-right: .5em;
}

.newui_home_aspx a.category
{
    padding-top: .5em;
}

.newui_home_aspx a.category img
{
    padding-right: .5em;
}
*/

.jquerynet-menu-group, .jquerynet-menu-items
{
    padding-left: 4em !important;
    padding-right: 4em !important;
}

.jquerynet-menu-group
{
    background-image: none;
}

.home-search-categories .jquerynet-menu-group
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home-search-categories .jquerynet-menu-items
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home-search-categories .category
{
    margin-bottom: .5em;
}

.navbar-fixed-top .jquerynet-menu-group
{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.treeview
{
    min-height: 4em;
}

.treeview-root, .treeview-parent, .treeview-hover
{
}

.treeview-leaf
{
    display: table-cell;
    padding-top: .5em !important;
}

.treeview-node
{
    padding: .25em;
}

.treeview-selected
{
    text-decoration: underline;
}

.translation-mode
{
    color: red;
    text-decoration: line-through;
}

.category-container
{
    height: 5em;
    overflow: hidden;
}

.sub-category-container
{
    height: 4em;
    overflow: hidden;
}

.footer-table
{
    display: table;
    width: 100%;
    height: 100%;
}

.footer-row
{
    display: table-row;
}

.footer-cell-left
{
    display: table-cell;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
}

.footer-cell-right
{
    display: table-cell;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle;
}

.menu-left-container
{
    height: 100%;
    width: 100%;
    border: none !important;
}

.menu-left-table
{
    /*display: table;*/
    height: 100%;
}

.menu-left-action
{
    /*display: table-cell;*/
    width: 24px;
    vertical-align: middle;
    background-image: none !important;
    position: fixed; 
    top: 0; 
    bottom: 0; 
    z-index: 1031 !important;
}

.menu-left-action span
{
    margin: auto;
}

.menu-left-group table
{
    margin-bottom: .5em;
}

.menu-left-group-heading
{
    /* font-weight: bold; */
}

.menu-left-item
{
    padding-left: .5em;
}

.icon-bar
{
    display: block;
    width: 24px;
    border-width: 1px;
    border-style: solid;
    margin: 6px 0 6px 0;
}

.icon-bar-area
{
    display: table-cell;
    vertical-align: middle;
    height: 32px;
}

.icon-bar-text
{
    display: table-cell;
    vertical-align: middle;
    height: 32px;
}

.category-image
{
    width: 48px;
    height: 48px;
}

.sucategory-image
{
    width: 32px;
    height: 32px;
}

.search-results table
{
    width: 100%;
}

.seach-thumbnail
{
    display: table-cell;
    padding-right: .5em;
    width: 122px;
    height: 155px;
    margin: auto;
}

.thumbnail
{
    background-color:#ffffff;
}

.search-info
{
    display: table-cell;
}

.table
{
    display: table;
    width: 100%;
}

.table-row
{
    display: table-row;
}

.table-cell
{
    display: table-cell;
}

.vertical-align-top
{
    vertical-align: top;
}

.required
{
    /* used as a jquery selector */
}

.validation-error input, .validation-error select, .validation-error textarea, input.validation-error, select.validation-error, textarea.validation-error, span.validation-error
{
    border-width: 1px;
    border-style: solid;
    border-color: #FF4444;
    background-color: #FFF2F2;
}

.input-block-level
{
    padding-left: .25em;
}


.validation-error-icon
{
    margin-left: -40px;
    margin-top: -3px;
}

.error-message
{
    font-size:1.5em;
}

.row-fluid [class*="col-fluid"]
{
    display: block;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574468085%;
}

[class*="col-fluid"]
{
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.row-fluid [class*="col-fluid"]:first-child
{
    margin-left: 0;
}

/* small displays */
@media (max-width: 1024px)
{
    .span3.sm-span6
    {
        width: 48.93617021276595%;
    }

    .span4.sm-span12, .span6.sm-span12
    {
        width: 100%;
    }

    .search-results.sm-span12, .category.sm-span12
    {
        margin-left: 0;
    }

    .category.sm-span12
    {
        margin-bottom: .5em;
    }

    .navbar-fixed-top
    {
        min-width: 1000px;
    }

    body
    {
        font-size: 12px;
    }

    .col-fluid-4-3-2
    {
        width: 48.93617021276595%;
    }

    .col-fluid-4-3-2:nth-child(2n+3)
    {
        margin-left: 0;
    }

    .col-fluid-2-1-1
    {
        width: 100%;
    }

    .col-fluid-2-1-1:nth-child(1n+0)
    {
        margin-left: 0;
    }

    .col-fluid-3-2-1
    {
        width: 100%;
    }

    .col-fluid-3-2-1:nth-child(1n+0)
    {
        margin-left: 0;
    }
}

/* medium displays */
@media (max-width: 1280px) and (min-width: 1025px)
{
    .span3.md-span4
    {
        width: 31.914893617021278%;
    }

    .span6.md-span12
    {
        width: 100%;
    }

    .span4.md-span6, span6.md-span6
    {
        width: 48.93617021276595%;
    }

    .search-results.md-span12
    {
        margin-left: 0;
    }

    body
    {
        font-size: 13px;
    }

    .col-fluid-4-3-2
    {
        width: 31.914893617021278%;
    }

    .col-fluid-4-3-2:nth-child(3n+4)
    {
        margin-left: 0;
    }

    .col-fluid-2-1-1
    {
        width: 100%;
    }

    .col-fluid-2-1-1:nth-child(1n+0)
    {
        margin-left: 0;
    }

    .col-fluid-3-2-1
    {
        width: 48.93617021276595%;
    }

    .col-fluid-3-2-1:nth-child(2n+3)
    {
        margin-left: 0;
    }
}

@media (min-width:1281px)
{
    .col-fluid-4-3-2
    {
        width: 23.404255319148934%;
    }

    .col-fluid-4-3-2:nth-child(4n+5)
    {
        margin-left: 0;
    }

    .col-fluid-2-1-1
    {
        width: 48.93617021276595%;
    }

    .col-fluid-2-1-1:nth-child(2n+3)
    {
        margin-left: 0;
    }

    .col-fluid-3-2-1
    {
        width: 31.914893617021278%;
    }

    .col-fluid-3-2-1:nth-child(3n+4)
    {
        margin-left: 0;
    }
}





/*

@media (max-height: 768px)
{
    .ui-dialog-content
    {
        max-height: 500px;
    }
}

@media (max-height: 800px) and (min-height: 769px)
{
    .ui-dialog-content
    {
        max-height: 550px;
    }
}

@media (max-height: 900px) and (min-height: 801px)
{
    .ui-dialog-content
    {
        max-height: 700px;
    }
}

@media (max-height: 1080px) and (min-height: 901px)
{
    .ui-dialog-content
    {
        max-height: 800px;
    }
}

@media (max-height: 1280px) and (min-height: 1081px)
{
    .ui-dialog-content
    {
        max-height: 800px;
    }
}

*/