/* General Shop Styles Start */
body {
    padding: 0px;
    margin: 0px;
    background-color: #fff;
    text-align: left;
    font-family: 'Roboto-Regular', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
    font-size: 12px;
    color: #646464;
}
/* start true ie7-9 - this rule is a failsafe check for older IE versions, see filecheck.css for fix */
body > .main {border-left: 1px solid #dadada!important; border-right: 1px solid #dadada!important;}
/* end true ie7-9 - this rule is a failsafe check for older IE versions, see filecheck.css for fix */
a {
    color: #838383;
    text-decoration: underline;
}
img {
    border: none;
}
body .main {
    width: 1209px;
    max-width: 1209px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}


/*
 * nbb color switch
 *   mainly for dev usage, colors should be used in
 *   modules, not applied via .c_color classes!
 */
.c_orange-nbb     { background-color: #FF7100; } /* nbb main color */
.c_star           { background-color: #ffc000; } /* star rating */
.c_grey-texthead  { background-color: #383838; } /* Texthead */
.c_grey-text1     { background-color: #646464; } /* Text 1 */
.c_grey-text2     { background-color: #838383; } /* Text 2 */
.c_grey-ui        { background-color: #dadada; } /* nbb bg grey 1 */
.c_grey-bg1       { background-color: #d9d9d9; } /* nbb bg grey 1 */
.c_grey-bg2       { background-color: #f6f6f6; } /* nbb bg grey 2 */
.c_green-delivery { background-color: #89c535; } /* nbb delivery */
.c_blue-info      { background-color: #0086ca; } /* nbb info */
.c_red            { background-color: #b92215; } /* nbb red */
.c_yellow1        { background-color: #fce37e; } /* nbb yellow 1 */
.c_yellow2        { background-color: #ffba08; } /* nbb yellow 2 */
.c_yellow3        { background-color: #f59e38; } /* nbb yellow 3 */


/*
 * for color specific markup, !IF! there is no better alternative
 * due to the !important attribute those styles are hard to override
 */
.nbx-c-warning,
.nbx-c-red-1        {           color: #b92215 !important;}
.nbx-bc-warning,
.nbx-bc-red-1       {background-color: #b92215 !important;}
.nbx-c-orange-nbb,
.nbx-c-orange-1     {           color: #FF7100 !important;}
.nbx-bc-orange-nbb,
.nbx-bc-orange-1    {background-color: #FF7100 !important;}
.nbx-c-delivery,
.nbx-c-green-1      {           color: #89c535 !important;}
.nbx-bc-delivery,
.nbx-bc-green-1     {background-color: #89c535 !important;}
.nbx-c-info,
.nbx-c-blue-1       {           color: #0086ca !important;}
.nbx-bc-info,
.nbx-bc-blue-1      {background-color: #0086ca !important;}

.nihil {} /* this does nothing, will be used for special js/css magic */

.round_corners {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}

.rounded-circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}
/* General Shop Styles End *//* ====== notebooksbillider.de fonts ====== */

/* ROBOTO REGULAR FONT
 * page main font
 * can be used with
 * - thin/100    ( + italic)
 * - regular/400 ( + italic)
 * - bold/700    ( + italic)
 */
/* ROBOTO regular / 400 */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-regular.eot');
    src: url('/includes/fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-regular.woff') format('woff'),
    url('/includes/fonts/roboto-regular.ttf') format('truetype'),
    url('/includes/fonts/roboto-regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ROBOTO regular / 400 + italic */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-italic.eot');
    src: url('/includes/fonts/roboto-italic.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-italic.woff') format('woff'),
    url('/includes/fonts/roboto-italic.ttf') format('truetype'),
    url('/includes/fonts/roboto-italic.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: italic;
}
/* ROBOTO bold / 700 */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-bold.eot');
    src: url('/includes/fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-bold-webfont.woff') format('woff'), /* using old "-webfont" version pre I/O update because of bold windows chrome problems */
    url('/includes/fonts/roboto-bold.ttf') format('truetype'),
    url('/includes/fonts/roboto-bold.svg#Roboto-Regular') format('svg');
    font-weight: bold;
    font-style: normal;
}
/* ROBOTO bold / 700 + italic */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-bolditalic.eot');
    src: url('/includes/fonts/roboto-bolditalic.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-bolditalic-webfont.woff') format('woff'), /* using old "-webfont" version pre I/O update because of bold windows chrome problems */
    url('/includes/fonts/roboto-bolditalic.ttf') format('truetype'),
    url('/includes/fonts/roboto-bolditalic.svg#Roboto-Regular') format('svg');
    font-weight: bold;
    font-style: italic;
}
/* ROBOTO thin / 100 */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-thin.eot');
    src: url('/includes/fonts/roboto-thin.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-thin.woff') format('woff'),
    url('/includes/fonts/roboto-thin.ttf') format('truetype'),
    url('/includes/fonts/roboto-thin.svg#Roboto-Regular') format('svg');
    font-weight: 100;
    font-style: normal;
}
/* ROBOTO thin / 100 + italic */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-thinitalic.eot');
    src: url('/includes/fonts/roboto-thinitalic.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-thinitalic.woff') format('woff'),
    url('/includes/fonts/roboto-thinitalic.ttf') format('truetype'),
    url('/includes/fonts/roboto-thinitalic.svg#Roboto-Regular') format('svg');
    font-weight: 100;
    font-style: italic;
}

/* ROBOTO CONDENSED FONT
 * can be used with
 * regular/400 ( + italic)
 * bold/700    ( + italic)
 */
/* ROBOTO CONDENSED regular / 400 */
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('/includes/fonts/robotocondensed-regular.eot');
    src: url('/includes/fonts/robotocondensed-regular.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/robotocondensed-regular.woff') format('woff'),
    url('/includes/fonts/robotocondensed-regular.ttf') format('truetype'),
    url('/includes/fonts/robotocondensed-regular.svg#Roboto_Condensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ROBOTO CONDENSED regular / 400 + italic */
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('/includes/fonts/robotocondensed-italic.eot');
    src: url('/includes/fonts/robotocondensed-italic.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/robotocondensed-italic.woff') format('woff'),
    url('/includes/fonts/robotocondensed-italic.ttf') format('truetype'),
    url('/includes/fonts/robotocondensed-italic.svg#Roboto_Condensed-Regular-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
/* ROBOTO CONDENSED bold / 700 */
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('/includes/fonts/robotocondensed-bold.eot');
    src: url('/includes/fonts/robotocondensed-bold.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/robotocondensed-bold.woff') format('woff'),
    url('/includes/fonts/robotocondensed-bold.ttf') format('truetype'),
    url('/includes/fonts/robotocondensed-bold.svg#Roboto_Condensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
/* ROBOTO CONDENSED bold / 700 + italic */
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('/includes/fonts/robotocondensed-bolditalic.eot');
    src: url('/includes/fonts/robotocondensed-bolditalic.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/robotocondensed-bolditalic.woff') format('woff'),
    url('/includes/fonts/robotocondensed-bolditalic.ttf') format('truetype'),
    url('/includes/fonts/robotocondensed-bolditalic.svg#Roboto_Condensed-Bold-Italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
/* ROBOTO CONDENSED thin / 100 */
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('/includes/fonts/robotocondensed-light.eot');
    src: url('/includes/fonts/robotocondensed-light.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/robotocondensed-light.woff') format('woff'),
    url('/includes/fonts/robotocondensed-light.ttf') format('truetype'),
    url('/includes/fonts/robotocondensed-light.svg#Roboto_Condensed-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}
/* ROBOTO CONDENSED thin / 100 + italic */
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('/includes/fonts/robotocondensed-lightitalic.eot');
    src: url('/includes/fonts/robotocondensed-lightitalic.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/robotocondensed-lightitalic.woff') format('woff'),
    url('/includes/fonts/robotocondensed-lightitalic.ttf') format('truetype'),
    url('/includes/fonts/robotocondensed-lightitalic.svg#Roboto_Condensed-Thin-Italic') format('svg');
    font-weight: 100;
    font-style: italic;
}


/* new font for product price (temp. index page)
 * all font styling will be
 * performed by the browser/client
 */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('/includes/fonts/BebasNeue.eot');
    src: local('?'),
    url('/includes/fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/BebasNeue.woff') format('woff'),
    url('/includes/fonts/BebasNeue.ttf') format('truetype'),
    url('/includes/fonts/BebasNeue.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* default headline / title font
 * all font styling will be
 * performed by the browser/client
 */
@font-face {
    font-family: 'alternate_gothic_fs_no_3Rg';
    src: url('/includes/fonts/AlternateGothicNo3-webfont.eot');
    src: url('/includes/fonts/AlternateGothicNo3-webfont.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/AlternateGothicNo3-webfont.woff') format('woff'),
    url('/includes/fonts/AlternateGothicNo3-webfont.ttf') format('truetype'),
    url('/includes/fonts/AlternateGothicNo3-webfont.svg#alternate_gothic_fs_no_3Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* default apple inc. font face
 * all font styling will be
 * performed by the browser/client
 */
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('/includes/fonts/OpenSans-Regular.eot');
    src: local('Open Sans Regular'),
    local('OpenSans-Regular'),
    url('/includes/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/OpenSans-Regular.ttf') format('truetype'),
    url('/includes/fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* old and custom fonts
 * all font styling will be
 * performed by the browser/client
 */
@font-face {
    font-family: 'Anton';
    font-style: normal;
    font-weight: normal;
    src: url('/includes/fonts/Anton.eot');
    src: local("Anton"),
    url('/includes/fonts/Anton.woff') format('woff'),
    url('/includes/fonts/Anton.ttf') format('truetype');
}
@font-face {
    font-family: 'League Gothic';
    font-style: normal;
    font-weight: normal;
    src: url('/includes/fonts/League.eot');
    src: local("League Gothic"),
    url('/includes/fonts/League.ttf') format('truetype');
}
/* old and custom fonts end */.nbb-form-text {
    -webkit-appearance: none;
    background-color: white;
    font-family: inherit;
    border: 1px solid #dadada;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 12px;
    margin: 0 0 10px 0;
    padding: 4px;
    height: 25px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
}


.nbb-form-label {
    display: block;
    line-height: 20px;
}

.nbb-form-text {  }

.btn-nbb.nbb-form-btn { /* used on nbb-btn elements */
    height: 25px;
    min-height: 25px;
    line-height: 23px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* ====== old grid ====== */
@media all {
    /*
     * Custom Version (modified) of the foundation 5 grid
     * made compatible with older browsers and adjusted to
     * px based grid instead of rem based
     *
     * some classes prefixed with grid- for compatibility
     */
    /* foundation 5 grid start */
    .grid-row {
        display: block;
        margin: 0 -10px;
        *zoom: 1; }
    .grid-row:before, .grid-row:after {
        content: " ";
        display: table; }
    .grid-row:after {
        clear: both; }
    .grid-row .grid-row {
        max-width: none;
        margin-left: 0;
        margin-right: 0; }
    .grid-row .grid-row:before, .grid-row .grid-row:after {
        content: " ";
        display: table; }
    .grid-row .grid-row:after {
        clear: both; }

    .grid-column,
    .grid-columns {
        position: relative;
        width: 100%;
        float: left; }

    .grid-box,
    .grid-row .grid-row.grid-box,
    .grid-row .grid-row .grid-box {
        margin: 0 10px 10px;
    }

    .grid-contentbox,
    .grid-row .grid-row.grid-contentbox,
    .grid-row .grid-row .grid-contentbox {
        margin: 0 20px 10px;
    }

    .grid-box > img,
    .grid-contentbox > img {
        max-width: 100%;
    }

    .grid-box-divider {
        height: 1px;
        margin-top: -1px;
        border-bottom: 1px dotted #dadada;
        margin: 0 10px 10px;
    }

    /* media screen large column set start */
    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto; }

    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto; }

    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto; }

    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto; }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto; }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto; }

    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto; }

    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto; }

    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto; }

    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto; }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto; }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto; }

    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto; }

    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto; }

    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto; }

    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto; }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto; }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto; }

    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto; }

    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto; }

    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto; }

    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto; }

    .large-1 {
        position: relative;
        width: 8.33333%; }

    .large-2 {
        position: relative;
        width: 16.66667%; }

    .large-3 {
        position: relative;
        width: 25%; }

    .large-4 {
        position: relative;
        width: 33.33333%; }

    .large-5 {
        position: relative;
        width: 41.66667%; }

    .large-6 {
        position: relative;
        width: 50%; }

    .large-7 {
        position: relative;
        width: 58.33333%; }

    .large-8 {
        position: relative;
        width: 66.66667%; }

    .large-9 {
        position: relative;
        width: 75%; }

    .large-10 {
        position: relative;
        width: 83.33333%; }

    .large-11 {
        position: relative;
        width: 91.66667%; }

    .large-12 {
        position: relative;
        width: 100%; }

    /* only non-ie browsers + ie9 and up get this - start */
    [class*="grid-column"] + [class*="grid-column"]:last-child {
        float: right; }
    /* only non-ie browsers + ie9 and up get this - end */

    [class*="grid-column"] + [class*="grid-column"].end {
        float: left; }

    .large-offset-0 {
        position: relative;
        margin-left: 0% !important; }

    .large-offset-1 {
        position: relative;
        margin-left: 8.33333% !important; }

    .large-offset-2 {
        position: relative;
        margin-left: 16.66667% !important; }

    .large-offset-3 {
        position: relative;
        margin-left: 25% !important; }

    .large-offset-4 {
        position: relative;
        margin-left: 33.33333% !important; }

    .large-offset-5 {
        position: relative;
        margin-left: 41.66667% !important; }

    .large-offset-6 {
        position: relative;
        margin-left: 50% !important; }

    .large-offset-7 {
        position: relative;
        margin-left: 58.33333% !important; }

    .large-offset-8 {
        position: relative;
        margin-left: 66.66667% !important; }

    .large-offset-9 {
        position: relative;
        margin-left: 75% !important; }

    .large-offset-10 {
        position: relative;
        margin-left: 83.33333% !important; }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto; }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto; }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto; }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto; }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto; }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto; }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto; }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto; }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto; }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto; }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto; }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto; }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto; }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto; }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto; }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto; }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto; }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto; }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto; }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto; }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto; }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto; }
    /* media screen large column set end */
    /* foundation 5 grid end */
}



/* ====== new grid layout ====== */
@media all {
    /* base grid */
    .nbx-grid {
           -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    /* grid rows and nesting */
    .nbx-grid-row {
           -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: block;
        margin: 0 -10px;
    }
        .nbx-grid-row:before, .nbx-grid-row:after {
            content: " ";
            display: table; }
        .nbx-grid-row:after {
            clear: both; }

        /* grid without spacing */
        .nbx-grid-row.collapse {
            margin: 0;
        }
        .nbx-grid-row.collapse > .nbx-grid-column,
        .nbx-grid-row.collapse > .nbx-grid-columns {
            padding-left: 0;
            padding-right: 0; }
        .nbx-grid-row.collapse .nbx-grid-row {
            margin-left: 0;
            margin-right: 0; }

        /* for nested grids */
        .nbx-grid-row .nbx-grid-row {
            width: auto;
            margin-left: -10px;
            margin-right: -10px;
            margin-top: 0;
            margin-bottom: 0;
            max-width: none; }
            .nbx-grid-row .nbx-grid-row:before, .nbx-grid-row .nbx-grid-row:after {
                content: " ";
                display: table; }
            .nbx-grid-row .nbx-grid-row:after {
                clear: both; }
            .nbx-grid-row .nbx-grid-row.collapse {
                width: auto;
                margin: 0;
                max-width: none; }
            .nbx-grid-row .nbx-grid-row.collapse:before, .nbx-grid-row .nbx-grid-row.collapse:after {
                content: " ";
                display: table; }
            .nbx-grid-row .nbx-grid-row.collapse:after {
                clear: both; }

    /* grid column(s) */
    .nbx-grid-column,
    .nbx-grid-columns {
           -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        float: left;
    }

    /* columns positioned with pull/push */
    [class^="nbx-grid-push"] {
        position: relative;
        right: auto;}
    [class^="nbx-grid-push"] {
        position: relative;
        left: auto;}

    .nbx-grid-push-0  { left: 0%; }
    .nbx-grid-pull-0  { right: 0%; }
    .nbx-grid-push-1  { left: 8.33333%; }
    .nbx-grid-pull-1  { right: 8.33333%; }
    .nbx-grid-push-2  { left: 16.66667%; }
    .nbx-grid-pull-2  { right: 16.66667%; }
    .nbx-grid-push-3  { left: 25%; }
    .nbx-grid-pull-3  { right: 25%; }
    .nbx-grid-push-4  { left: 33.33333%; }
    .nbx-grid-pull-4  { right: 33.33333%; }
    .nbx-grid-push-5  { left: 41.66667%; }
    .nbx-grid-pull-5  { right: 41.66667%; }
    .nbx-grid-push-6  { left: 50%; }
    .nbx-grid-pull-6  { right: 50%; }
    .nbx-grid-push-7  { left: 58.33333%; }
    .nbx-grid-pull-7  { right: 58.33333%; }
    .nbx-grid-push-8  { left: 66.66667%; }
    .nbx-grid-pull-8  { right: 66.66667%; }
    .nbx-grid-push-9  { left: 75%; }
    .nbx-grid-pull-9  { right: 75%; }
    .nbx-grid-push-10 { left: 83.33333%; }
    .nbx-grid-pull-10 { right: 83.33333%; }
    .nbx-grid-push-11 { left: 91.66667%; }
    .nbx-grid-pull-11 { right: 91.66667%; }

    /* column widths */
    .nbx-grid-1  { width: 8.33333%; }
    .nbx-grid-2  { width: 16.66667%; }
    .nbx-grid-3  { width: 25%; }
    .nbx-grid-4  { width: 33.33333%; }
    .nbx-grid-5  { width: 41.66667%; }
    .nbx-grid-6  { width: 50%; }
    .nbx-grid-7  { width: 58.33333%; }
    .nbx-grid-8  { width: 66.66667%; }
    .nbx-grid-9  { width: 75%; }
    .nbx-grid-10 { width: 83.33333%; }
    .nbx-grid-11 { width: 91.66667%; }
    .nbx-grid-12 { width: 100%; }


    /* float last column right if not "end" */
    [class*="nbx-grid-column"] + [class*="nbx-grid-column"]:last-child {
        float: right; }
    [class*="nbx-grid-column"] + [class*="nbx-grid-column"].end {
        float: left; }
    .nbx-grid-row.collapse > [class*="nbx-grid-column"]:last-child {
        float: left;
    }

    /* columns with offset positioning */
    .nbx-grid-offset-0  { margin-left: 0% !important; }
    .nbx-grid-offset-1  { margin-left: 8.33333% !important; }
    .nbx-grid-offset-2  {  margin-left: 16.66667% !important; }
    .nbx-grid-offset-3  { margin-left: 25% !important; }
    .nbx-grid-offset-4  { margin-left: 33.33333% !important; }
    .nbx-grid-offset-5  { margin-left: 41.66667% !important; }
    .nbx-grid-offset-6  { margin-left: 50% !important; }
    .nbx-grid-offset-7  { margin-left: 58.33333% !important; }
    .nbx-grid-offset-8  { margin-left: 66.66667% !important; }
    .nbx-grid-offset-9  { margin-left: 75% !important; }
    .nbx-grid-offset-10 { margin-left: 83.33333% !important; }
    .nbx-grid-offset-11 { margin-left: 91.66667% !important; }
    
    /**/
    .nbx-grid-column.centered,
    .nbx-grid-columns.centered {
        margin-left: auto;
        margin-right: auto;
        float: none !important; }
}


























/* styling and placeholder design */
@media all {
    .styleguide-headline {
        color: magenta;
        padding: 10px;
        margin: 40px 0 0;
    }
    .styleguide-description {
        color: magenta;
        padding: 0 10px 10px !important;
        margin: 0 0 20px !important;
        border-bottom: 1px dotted magenta !important;
    }
    .styleguide-warning {
        color: #b92215;
        font-weight: bold;
    }
    .placeholder-panel {
        display: block;
        border: 1px dotted #000;
        padding: 1.25em;
    }

    .spaced .nbx-grid-row {
        margin-bottom: 20px;
    }
    .display .nbx-grid-row {
        background: #eee;
        font-size: 11px;
        margin-bottom: 10px;
        line-height: 2rem;
        outline: solid 1px #c6c6c6;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .display .nbx-grid-row .nbx-grid-columns:nth-child(2),
    .display .nbx-grid-row .nbx-grid-columns.centered,
    .display .nbx-grid-row .nbx-grid-columns.centered {
        background: #e1e1e1;
    }
}/*
 * simple panel element for framed content, info boxes etc.
 */
.panel, .panel:hover {
    background: #f6f6f6;
    border: 1px solid #d9d9d9;
    padding: 10px;
    display: block;
    color: #646464;
    text-decoration: none;
}


/* ====== Review & Ratings ====== */
@media all {
    /* star rating start */
    .star-wrapper {
        background: url('/gfx/star/img_stars_1.png') repeat-x scroll 0 -20px transparent;
        height: 18px;
        width: 100px;
        margin-top: -2px;
        margin-left: 0px !important;
        float: none !important;
        overflow: hidden;
        display: inline-block;
        vertical-align: bottom;
    }
    .star-rating {
        background: url('/gfx/star/img_stars_1.png') repeat-x scroll 0 -1px transparent;
        height: 18px;
        margin: 0px !important;
        float: left !important;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }
    .star-sum {
        line-height: 18px;
        display: inline;
        vertical-align: bottom;
    }

    .star-wrapper.medium {
        background: url('/gfx/star/img_stars_medium.png') repeat-x scroll 0px -22px transparent;
        height: 22px;
        width: 125px;
    }

    .star-wrapper.medium .star-rating {
        background: url('/gfx/star/img_stars_medium.png') repeat-x scroll 0px 0px transparent;
        height: 22px;
    }

    .star-wrapper.large {
        background: url('/gfx/star/img_stars_large.png') repeat-x scroll 0px -30px transparent;
        height: 30px;
        width: 180px;
    }

    .star-wrapper.large .star-rating {
        background: url('/gfx/star/img_stars_large.png') repeat-x scroll 0px 0px transparent;
        height: 30px;
    }
    /* star rating end */
}


/* ====== nbb button btn-nbb ====== */
/* button modules */
@media all {
    .button_main .button_right,
    .button_main .button_left{
        display:none;
    }

    a.button_main,
    .button_main .button_middle .button_text{
        text-decoration:none;
    }

    .button_main .button_input input,
    .button_main .button_middle,
    .btn-nbb {
        /* default design */
        display: block;
        min-height: 28px;
        min-width: 66px;
        line-height: 28px;
        padding: 0 6px;
        cursor: pointer;

        /* default font styles */
        font-family: 'Roboto_Condensed', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
        font-size: 14px;
        color: #fff;
        font-style: italic;
        font-weight: normal;
        text-align: center;

        /* default border radius */
        border: 1px solid #ff7100;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;

        /* prevents bleeding with border-radius */
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box;

        /* linear gradient */
        background-color: #fc8222;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #fc8222),
            color-stop(1, #ff7100)
        );
        background-image:      -o-linear-gradient(bottom, #fc8222 0%, #ff7100 100%);
        background-image:    -moz-linear-gradient(bottom, #fc8222 0%, #ff7100 100%);
        background-image: -webkit-linear-gradient(bottom, #fc8222 0%, #ff7100 100%);
        background-image:     -ms-linear-gradient(bottom, #fc8222 0%, #ff7100 100%);
        background-image:      linear-gradient(to bottom, #fc8222 0%, #ff7100 100%);

        /* soft 1px inset shadow for gradient/border-radius bug (1px lighter inset background color */
        box-shadow: inset 0 -1px 0 rgba(0,0,0, 0.02);
        -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0, 0.02);
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0, 0.02);
    }
    .btn-nbb a {
        color: inherit;
        text-decoration: none;
        display: block;
        min-height: 28px;
        line-height: 28px;
        margin: 0 -6px;

    }
    *+html .btn-nbb { min-width: auto; } /* fix for missing ie7 min-width bug */
    *+html .btn-nbb a { color: #fff; } /* no inherit for ie7 */
    .button_main.button_grey .button_input input,
    .button_main.button_grey .button_middle,
    .btn-nbb.base,
    .btn-nbb.info,
    .btn-default,
    .btn-details {
        color: #606060;
        border-color: #dadada;

        background-color: #eee;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #eee),
            color-stop(1, #dadada)
        );
        background-image:      -o-linear-gradient(bottom, #eee 0%, #dadada 100%);
        background-image:    -moz-linear-gradient(bottom, #eee 0%, #dadada 100%);
        background-image: -webkit-linear-gradient(bottom, #eee 0%, #dadada 100%);
        background-image:     -ms-linear-gradient(bottom, #eee 0%, #dadada 100%);
        background-image:      linear-gradient(to bottom, #eee 0%, #dadada 100%);
    }

    *+html .btn-nbb.base a,
    *+html .btn-nbb.info a,
    *+html .btn-details a { color: #606060; } /* no inherit for ie7 */

    .btn-base,
    .btn-default {
        padding-left: 20px;
        padding-right: 20px;
        display: inline-block;
    }

    .btn-nbb.btn-active-deal {
        border-color: #b92215;
        background-color: #b92215;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #bc2618),
            color-stop(1, #b92215)
        );
        background-image:      -o-linear-gradient(bottom, #bc2618 0%, #b92215 100%);
        background-image:    -moz-linear-gradient(bottom, #bc2618 0%, #b92215 100%);
        background-image: -webkit-linear-gradient(bottom, #bc2618 0%, #b92215 100%);
        background-image:     -ms-linear-gradient(bottom, #bc2618 0%, #b92215 100%);
        background-image:      linear-gradient(to bottom, #bc2618 0%, #b92215 100%);
    }

    .btn-nbb.disabled {
        color: #fff;
        border-color: #646464;

        background-color: #838383;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #838383),
            color-stop(1, #646464)
        );
        background-image:      -o-linear-gradient(bottom, #838383 0%, #646464 100%);
        background-image:    -moz-linear-gradient(bottom, #838383 0%, #646464 100%);
        background-image: -webkit-linear-gradient(bottom, #838383 0%, #646464 100%);
        background-image:     -ms-linear-gradient(bottom, #838383 0%, #646464 100%);
        background-image:      linear-gradient(to bottom, #838383 0%, #646464 100%);
    }
    *+html .btn-nbb.disabled a { color: #fff; } /* no inherit for ie7 */



    .btn-nbb.btn-delivery {
        color: #fff;
        border-color: #89c535;
        background-color: #9de33c;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #9de33c),
            color-stop(1, #89c535)
        );
        background-image:      -o-linear-gradient(bottom, #9de33c 0%, #89c535 100%);
        background-image:    -moz-linear-gradient(bottom, #9de33c 0%, #89c535 100%);
        background-image: -webkit-linear-gradient(bottom, #9de33c 0%, #89c535 100%);
        background-image:     -ms-linear-gradient(bottom, #9de33c 0%, #89c535 100%);
        background-image:      linear-gradient(to bottom, #9de33c 0%, #89c535 100%);
    }
    *+html .btn-nbb.btn-delivery a { color: #fff; } /* no inherit for ie7 */

    .btn-nbb.pre {
        margin-right: 10px;
    }
    .btn-nbb.suf {
        margin-left: 10px;
    }

    .btn-nbb .icon_nbb.pre {
        margin-right: 6px;
    }
    .btn-nbb .icon_nbb.suf {
        margin-left: 6px;
    }


    .button_main .button_input input{
        cursor:pointer;
        border:0px;
    }
    .btn-cart {
        position: relative;
        z-index: 0;
        padding: 0 35px 0 60px;
        display: inline-block;
    }

    .btn-cart .icon_shoppingcart {
        position: absolute;
        left: 35px;
        top: 0;
        margin: 6px 0 7px;
        z-index: -1;
    }
    .btn-cart .add_cart {
        font-family: 'Roboto_Condensed', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
        font-size: 14px;
        color: #fff;
        font-style: italic;
        font-weight: normal;
        text-decoration: none;
        text-align: right;
        background: none;
        border: none;
        cursor: pointer;
        display: block;
        padding: 0 35px 0 60px;
        margin: 0 -35px 0 -60px;
        height: 26px;
        z-index: 1;
    }

    *+html  .btn-cart {
        display: inline;
    }

    *+html .btn-cart .add_cart {
        padding: 0 35px 0 0;
    }

    .btn-nbb.inline{
        display: inline;
    }

    .btn-nbb.ilb{
        display: inline-block;
    }

    a.btn-nbb{
        text-decoration:none !important;
    }

    .btn-nbb.btn-big {
        padding: 4px 10px;
    }
}


/* ====== nbb btn group ====== */
@media all {
    .btn-group {
        display: block;
        padding: 0;
        margin: 0;
        clear: both;
    }
    .group-btn {
        margin: 0;
        padding: 0;
        display: inline-block;
        float: left;
    }
    .btn-1of4 {
        width: 25%;
    }
    .group-btn .btn-nbb {
        margin-left: 4px;
    }
    .group-btn:first-child .btn-nbb {
        margin-left: 0;
    }
}


/* ====== nbb icon button ====== */
@media all {
    .icon-btn {
        text-decoration: none;
        vertical-align: middle;
        display: inline-block;
    }
    .icon-input {
        background: none;
        border: none;
        cursor: pointer;
        display: block;
        margin: 0;
        padding: 0 5px;
        height: 28px;
        z-index: 1;
        text-indent: -9000px;
    }
    *+html .icon-input {
        padding: 100px;
        text-indent: 0;
    }
}


/* input buttons (like add to shopping cart) */
@media all {
    .input-btn,
    .input-text-btn {
        position: relative;
        padding: 0;
        z-index: 0;
    }
    .input-btn .pre,
    .input-btn .suf,
    .input-text-btn .pre,
    .input-text-btn .suf  {
        position: absolute;
        top:0;
        margin: 4px 0;
        z-index: -1;
    }
    .input-btn .pre,
    .input-text-btn .pre  {
        left: 10px;
    }
    .input-btn .suf,
    .input-text-btn .suf {
        right: 16px;
    }

    .input-btn .btn-input,
    .input-text-btn .btn-input {
        font-family: 'Roboto_Condensed', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
        font-size: 14px;
        color: #fff;
        font-style: italic;
        font-weight: normal;
        text-decoration: none;
        text-align: left;
        background: none;
        border: none;
        cursor: pointer;
        display: block;
        margin: 0;
        padding: 0 15px;
        height: 28px;
        line-height: 28px;
        z-index: 1;
    }
    .input-btn .prefixed,
    .input-text-btn .prefixed { padding-left: 38px; }
    .input-btn .suffixed,
    .input-text-btn .suffixed { padding-right: 32px; }

    .btn-cart-big {
        padding: 0 30px;
        display: inline-block;
    }
    .btn-cart-big.input-btn {
        padding: 0;
    }
    .btn-cart-big .btn-input {
        padding: 0 30px;
    }

    .input-btn.btn-cart-big .pre {
        left: 38px;
    }
    .input-btn.btn-cart-big .suf {
        right: 38px;
    }

    .input-btn.btn-cart-big .prefixed { padding-left: 60px; }
    .input-btn.btn-cart-big .suffixed { padding-right: 60px; }

    .btn-nbb .icon_shoppingcart {
        margin-top: -4px;
    }
    .input-btn .icon_shoppingcart,
    .input-text-btn .icon_shoppingcart {
        margin-top: 6px;
    }
    .input-btn .icon_arrow-right_s,
    .input-text-btn .icon_arrow-right_s {
        margin-top: 10px;
    }
}


.text-btn,
.input-text-btn,
.input-text-btn .btn-input {
    display: inline-block;
    background: none;
    color: #ff7100;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* ====== nbb textlink (old) ====== */
@media all {
    .textlink-nbb {
        font-family: 'Roboto_Condensed', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
        display: inline-block;
        text-decoration: none;
        color: #606060;
        white-space: nowrap;
        cursor: pointer;
    }
    .textlink-nbb:hover {
        color: #ff7100;
    }

    .textlink-nbb.base {
        text-decoration: underline;
        font-style: italic;
    }

    .textlink-nbb .icon_nbb.pre {
        margin-right: 5px;
    }
    .textlink-nbb .icon_nbb.suf {
        margin-left: 5px;
    }
    /* adjustments for icon heights in text-links */
    .textlink-nbb .icon_trash {
        margin-top: -6px;
    }
    .textlink-nbb .icon_close-x-g {
        margin-top: -3px;
    }
}


/* ====== nbb text button / link (new) ====== */
@media all {
    [class^="nbx-text-btn"] {
        font-family: 'Roboto_Condensed', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif", "MS Sans Serif", sans-serif;
        display: inline-block;
        text-decoration: underline;
        font-style: italic;
        font-weight: normal;
        color: #606060;
        white-space: nowrap;
        cursor: pointer;
        font-size: 12px;
    }
    button[class^="nbx-text-btn"] { /* additional styles for <button> Elements */
        background: none;
        border: none;
        padding: 1px 0 0 0;
        margin: -1px 0 0 0;
    }
    [class^="nbx-text-btn"]:hover {
        color: #ff7100;
    }
    /* text button icons */
    [class^="nbx-text-btn"] .icon_nbb.pre {
        margin-right: 5px;
    }
    [class^="nbx-text-btn"] .icon_nbb.suf {
        margin-left: 5px;
    }
    [class^="nbx-text-btn"] [class^="nbx-icon"] {
        vertical-align: middle;
        margin-top: -1px; /* small adjustment for vertical alignment */
    }
    /* nbb version of text button/link */
    [class^="nbx-text-btn"].nbx-center {
        display: block;
        text-align: center;
    }
    .nbx-text-btn-nbb {
        color: #ff7100;
        text-decoration: none;
    }
    .nbx-text-btn-nbb:hover {
        text-decoration: underline;
    }
    .nbx-text-btn-info:hover {
        color: #0086ca;
    }
    [class^="nbx-text-btn"].nbx-big-icon {
        line-height: 31px;
    }
}


/* ====== nbb icons ====== */
@media all {
    .icon_nbb {
        display: inline-block;
        vertical-align: middle;
        text-decoration: none;
        background: url('/gfx/ui/sprite_nbb_ui.png?v39') 2342px 2342px no-repeat;
    }

    .icon_social-facebook { background-position: -100px  -10px; width: 22px; height: 22px; }
    .icon_social-twitter  { background-position: -100px  -40px; width: 22px; height: 22px; }
    .icon_social-blog     { background-position: -100px  -70px; width: 22px; height: 22px; }
    .icon_social-gplus    { background-position: -100px -100px; width: 22px; height: 22px; }

    .icon_social-m-facebook  { background-position: -400px  -90px;  width: 22px; height: 22px; }
    .icon_social-m-blog      { background-position: -430px  -90px;  width: 22px; height: 22px; }
    .icon_social-m-instagram { background-position: -460px  -90px;  width: 22px; height: 22px; }
    .icon_social-m-eyeem     { background-position: -400px  -120px; width: 22px; height: 22px; }
    .icon_social-m-twitter   { background-position: -430px  -120px; width: 22px; height: 22px; }
    .icon_social-m-gplus     { background-position: -460px  -120px; width: 22px; height: 22px; }
    .icon_social-m-tumblr    { background-position: -400px  -150px; width: 22px; height: 22px; }


    .icon_social-s-facebook  { background-position:  -70px  -260px;  width: 20px; height: 20px; }
    .icon_social-s-twitter   { background-position: -100px  -260px; width: 20px; height: 20px; }

    .icon_app-android        { background-position: -400px  -10px; width: 97px; height: 34px; }
    .icon_app-iphone         { background-position: -400px  -50px; width: 97px; height: 34px; }

    .icon_warranty-s         { background-position: -370px  -220px; width: 29px; height: 24px; }
    .icon_schutzbrief-s      { background-position: -360px  -180px; width: 29px; height: 31px; }

    .icon_warranty-m         { background-position: -310px  -210px; width: 48px; height: 37px; }
    .icon_schutzbrief-m      { background-position: -350px  -130px; width: 40px; height: 42px; }

    .share-box .icon_social-facebook, .icon_social-facebook-sm { background-position: -50px  -210px; width: 15px; height: 15px; }
    .share-box .icon_social-twitter, .icon_social-twitter-sm  { background-position: -50px  -230px; width: 15px; height: 15px; }

    .btn-nbb .icon_shoppingcart {
        width: 17px;
        height: 15px;
        background-position: -10px -130px;
    }

    .text-btn .icon_shoppingcart,
    .input-text-btn .icon_shoppingcart{
        background-position: -10px -150px;
    }

    .icon_info {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-position: -180px -120px;
    }
    .info .icon_info {
        margin-top: -3px;
    }
    .icon_info_s {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-position: -210px -120px;
    }
    .icon_question {
        width: 26px;
        height: 26px;
        background-position: -280px -220px;
    }
    .icon_question_small {
        width: 16px;
        height: 16px;
        background-position: -460px -180px;
    }
    .icon_bc {
        width: 7px;
        height: 12px;
        background-position: -130px -10px;
        vertical-align: top;
        margin: 3px;
    }
    .icon_notepad {
        margin-top: -1px;
        width: 8px;
        height: 14px;
        background-position: -40px -130px;
    }
    .active .icon_notepad,
    .active.icon_notepad {
        background-position: -40px -150px;
    }
    .icon_compare {
        margin-top: -1px;
        width: 12px;
        height: 16px;
        background-position: -60px -130px;
    }
    .active .icon_compare,
    .active.icon_compare {
        background-position: -60px -150px;
    }

    .icon_arrow-up {
        width: 20px;
        height: 20px;
        background-position: -70px -100px;
    }
    .icon_arrow-down {
        width: 20px;
        height: 20px;
        background-position: -40px -100px;
    }
    .icon_arrow-right {
        width: 20px;
        height: 20px;
        background-position: -40px -70px;
    }
    .sold_out .icon_arrow-right {
        background-position: -370px -40px;
    }
    .checkout_button .icon_arrow-right {
        background-position: -340px -40px;
    }
    .icon_arrow-left {
        width: 20px;
        height: 20px;
        background-position: -10px -100px;
    }
    .icon_arrow-right_s {
        width: 5px;
        height: 9px;
        background-position: -180px -50px;
    }
    .icon_arrow-left_s {
        width: 5px;
        height: 9px;
        background-position: -190px -50px;
    }
    .icon_arrow-up_s {
        width: 9px;
        height: 5px;
        background-position: -210px -110px;
    }
    .icon_arrow-down_s {
        width: 9px;
        height: 5px;
        background-position: -230px -90px;
    }
    .btn-nbb .icon_arrow-right_s {
        width: 5px;
        height: 9px;
        background-position: -280px -160px;
        margin-bottom: 2px;
    }
    .btn-nbb .icon_arrow-left_s {
        width: 5px;
        height: 9px;
        background-position: -280px -170px;
        margin-bottom: 2px;
    }
    .btn-nbb .icon_arrow-up_s {
        width: 9px;
        height: 5px;
        background-position: -290px -1700px;
    }
    .btn-nbb .icon_arrow-down_s {
        width: 9px;
        height: 5px;
        background-position: -290px -160px;
    }
    .icon_arrow-right_l {
        width: 29px;
        height: 29px;
        background-position: -50px -170px;
    }
    .icon_arrow-left_l {
        width: 29px;
        height: 29px;
        background-position: -10px -170px;
    }
    .icon_arrow-up_l {
        width: 29px;
        height: 29px;
        background-position: -310px -130px;
    }
    .icon_arrow-down_l {
        width: 29px;
        height: 29px;
        background-position: -310px -220px;
    }
    .icon_trash {
        width: 13px;
        height: 17px;
        background-position: -190px -230px;
    }
    .icon_reload {
        width: 18px;
        height: 18px;
        background-position: -110px -200px;
    }
    .icon_reload-inactive {
        width: 18px;
        height: 18px;
        background-position: -140px -200px;
    }
    .icon_close-x-g {
        width: 16px;
        height: 16px;
        background-position: -160px -230px;
    }
    .icon_close-x_l {
        width: 32px;
        height: 32px;
        background-position: -210px -140px;
    }
    .icon_customer {
        width: 38px;
        height: 38px;
        background-position: -250px -10px;
    }
    .icon_customer-new {
        width: 48px;
        height: 38px;
        background-position: -250px -60px;
    }
    .icon_customer-checked {
        width: 47px;
        height: 38px;
        background-position: -250px -110px;
    }
    .icon_plus-s-orange {
        width: 16px;
        height: 16px;
        background-position: -400px -180px;
    }
    .icon_magnify {
        width: 23px;
        height: 22px;
        background-position: -430px -180px;
    }
    .icon_textfile {
        width: 21px;
        height: 21px;
        background-position: -10px -260px;
    }
    .icon_download {
        width: 21px;
        height: 21px;
        background-position: -40px -260px;
    }

    .icon_play_l {
        width: 27px;
        height: 27px;
        background-position: -460px -210px;
    }
}

/* ====== nbb sprite classes ====== */
@media all {
    /* helper class for sprite usage outside of default UI elements */
    .nbx-sprite {
        background: url('/gfx/ui/sprite_nbb_ui.png?v39') 2342px 2342px no-repeat;
    }
    .nbx-sprite-before:before,
    .nbx-sprite-after:after {
        content: " ";
        background: url('/gfx/ui/sprite_nbb_ui.png?v39') 2342px 2342px no-repeat;
    }
}


    /* ====== nbb notice modules ====== */
/*
 * different modules to display user feedback
 */
@media all {
    [class^="nbb-notice-"] {
        font-weight: bold;
        font-size: 14px;
    }

    .nbb-notice-success { color: #89c535; }
    .nbb-notice-error   { color: #b92215; }
    .nbb-notice-info    { color: #0086ca; }
}





/* ====== nbx button module (new) ======
 * this module will eventually replace
 * the old btn-nbb class
 */
@media all {
    [class^="nbx-btn"] {
        /* new box-sizing */
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /* default design */
        display: inline-block;
        height: 33px;
        min-width: 90px;
        line-height: 31px;
        padding: 0 10px;
        cursor: pointer;

        /* default font styles */
        font-family: 'Roboto_Condensed', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
        font-size: 14px;
        color: #fff;
        font-style: italic;
        text-align: center;
        text-decoration: none;

        /* default border radius */
        border: 1px solid #ff7100;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;

        /* prevents bleeding with border-radius */
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box;

        /* linear gradient */
        background-color: #fc8222;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #fc8222),
            color-stop(1, #ff7100)
        );
        background-image:      -o-linear-gradient(bottom, #fc8222 0%, #ff7100 100%);
        background-image:    -moz-linear-gradient(bottom, #fc8222 0%, #ff7100 100%);
        background-image: -webkit-linear-gradient(bottom, #fc8222 0%, #ff7100 100%);
        background-image:     -ms-linear-gradient(bottom, #fc8222 0%, #ff7100 100%);
        background-image:      linear-gradient(to bottom, #fc8222 0%, #ff7100 100%);

        /* soft 1px inset shadow for gradient/border-radius bug (1px lighter inset background color */
        box-shadow: inset 0 -1px 0 rgba(0,0,0, 0.02);
        -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0, 0.02);
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0, 0.02);
    }
    [class^="nbx-btn"]:hover,
    [class^="nbx-btn"]:active,
    [class^="nbx-btn"]:focus {
        /* linear gradient */
        background-color:  #ff7100;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #ff7100),
            color-stop(1,#fc8222)
        );
        background-image:      -o-linear-gradient(bottom, #ff7100 0%, #fc8222 100%);
        background-image:    -moz-linear-gradient(bottom, #ff7100 0%, #fc8222 100%);
        background-image: -webkit-linear-gradient(bottom, #ff7100 0%, #fc8222 100%);
        background-image:     -ms-linear-gradient(bottom, #ff7100 0%, #fc8222 100%);
        background-image:      linear-gradient(to bottom, #ff7100 0%, #fc8222 100%);
    }
    [class^="nbx-btn"] a {
        color: inherit;
        text-decoration: none;
        display: block;
        height: 31px;
        line-height: 31px;
        margin: 0 -10px;
    }
    [class^="nbx-btn"] a:hover {
        text-decoration: underline;
    }

    /* button with special horizontal paddings */
    [class^="nbx-btn"].nbx-p20h { padding: 0 20px; }
    [class^="nbx-btn"].nbx-p30h { padding: 0 30px; }
    [class^="nbx-btn"].nbx-p40h { padding: 0 40px; }
    [class^="nbx-btn"].nbx-p50h { padding: 0 50px; }
    [class^="nbx-btn-clear"].nbx-p20h:hover { padding: 0 19px; }
    [class^="nbx-btn-clear"].nbx-p30h:hover { padding: 0 29px; }
    [class^="nbx-btn-clear"].nbx-p40h:hover { padding: 0 39px; }
    [class^="nbx-btn-clear"].nbx-p50h:hover { padding: 0 49px; }
    /* full width block button */
    [class^="nbx-btn"].nbx-wide { display: block; }
    button[class^="nbx-btn"].nbx-wide { width: 100%; }
    /* centered button */
    [class^="nbx-btn"].nbx-center { margin-left: auto; margin-right: auto; }

    /* ie7 fix for min-width on button elements */
    .ie7 button[class^="nbx-btn"] { min-width: auto; padding: 0; }

    .nbx-btn-deal {
        color: #fff;
        border-color: #b92215;

        background-color: #b92215;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #c83a2d ),
            color-stop(1, #b92215)
        );
        background-image:      -o-linear-gradient(bottom, #c83a2d  0%, #b92215 100%);
        background-image:    -moz-linear-gradient(bottom, #c83a2d  0%, #b92215 100%);
        background-image: -webkit-linear-gradient(bottom, #c83a2d  0%, #b92215 100%);
        background-image:     -ms-linear-gradient(bottom, #c83a2d  0%, #b92215 100%);
        background-image:      linear-gradient(to bottom, #c83a2d  0%, #b92215 100%);
    }
    .nbx-btn-deal:hover,
    .nbx-btn-deal:active,
    .nbx-btn-deal:focus {
        background-color: #c83a2d;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #b92215),
            color-stop(1, #c83a2d )
        );
        background-image:      -o-linear-gradient(bottom, #b92215 0%, #c83a2d  100%);
        background-image:    -moz-linear-gradient(bottom, #b92215 0%, #c83a2d  100%);
        background-image: -webkit-linear-gradient(bottom, #b92215 0%, #c83a2d  100%);
        background-image:     -ms-linear-gradient(bottom, #b92215 0%, #c83a2d  100%);
        background-image:      linear-gradient(to bottom, #b92215 0%, #c83a2d  100%);
    }
    .nbx-btn-deal a {
        color: #fff; /* no inherit for ie7 */
    }

    .nbx-btn-details {
        color: #606060;
        border-color: #dadada;

        background-color: #eee;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #eee),
            color-stop(1, #dadada)
        );
        background-image:      -o-linear-gradient(bottom, #eee 0%, #dadada 100%);
        background-image:    -moz-linear-gradient(bottom, #eee 0%, #dadada 100%);
        background-image: -webkit-linear-gradient(bottom, #eee 0%, #dadada 100%);
        background-image:     -ms-linear-gradient(bottom, #eee 0%, #dadada 100%);
        background-image:      linear-gradient(to bottom, #eee 0%, #dadada 100%);
    }
    .nbx-btn-details:hover,
    .nbx-btn-details:active,
    .nbx-btn-details:focus {
        background-color: #dadada;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #dadada),
            color-stop(1, #eee)
        );
        background-image:      -o-linear-gradient(bottom, #dadada 0%, #eee 100%);
        background-image:    -moz-linear-gradient(bottom, #dadada 0%, #eee 100%);
        background-image: -webkit-linear-gradient(bottom, #dadada 0%, #eee 100%);
        background-image:     -ms-linear-gradient(bottom, #dadada 0%, #eee 100%);
        background-image:      linear-gradient(to bottom, #dadada 0%, #eee 100%);
    }
    .nbx-btn-details a {
        color: #606060; /* no inherit for ie7 */
    }
    .nbx-btn-info {
        color: #fff;
        border-color: #0086ca;

        background-color: #0086ca;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #1b8cc4),
            color-stop(1, #0086ca)
        );
        background-image:      -o-linear-gradient(bottom, #1b8cc4 0%, #0086ca 100%);
        background-image:    -moz-linear-gradient(bottom, #1b8cc4 0%, #0086ca 100%);
        background-image: -webkit-linear-gradient(bottom, #1b8cc4 0%, #0086ca 100%);
        background-image:     -ms-linear-gradient(bottom, #1b8cc4 0%, #0086ca 100%);
        background-image:      linear-gradient(to bottom, #1b8cc4 0%, #0086ca 100%);
    }
    .nbx-btn-info:hover,
    .nbx-btn-info:active,
    .nbx-btn-info:focus {
        background-color: #1b8cc4;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #0086ca),
            color-stop(1, #0086ca)
        );
        background-image:      -o-linear-gradient(bottom, #0086ca 0%, #1b8cc4 100%);
        background-image:    -moz-linear-gradient(bottom, #0086ca 0%, #1b8cc4 100%);
        background-image: -webkit-linear-gradient(bottom, #0086ca 0%, #1b8cc4 100%);
        background-image:     -ms-linear-gradient(bottom, #0086ca 0%, #1b8cc4 100%);
        background-image:      linear-gradient(to bottom, #0086ca 0%, #1b8cc4 100%);
    }
    .nbx-btn-info a {
        color: #fff; /* no inherit for ie7 */
    }

    .nbx-btn-disabled,
    .nbx-btn-disabled:hover,
    .nbx-btn-disabled:active,
    .nbx-btn-disabled:focus{
        cursor: default;
        color: #fff;
        border-color: #646464;

        background-color: #838383;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #838383),
            color-stop(1, #646464)
        );
        background-image:      -o-linear-gradient(bottom, #838383 0%, #646464 100%);
        background-image:    -moz-linear-gradient(bottom, #838383 0%, #646464 100%);
        background-image: -webkit-linear-gradient(bottom, #838383 0%, #646464 100%);
        background-image:     -ms-linear-gradient(bottom, #838383 0%, #646464 100%);
        background-image:      linear-gradient(to bottom, #838383 0%, #646464 100%);
    }
    .nbx-btn-disabled a {
        color: #fff; /* no inherit for ie7 */
    }
    .nbx-btn-disabled * {
         cursor: default;
    }

    [class^="nbx-btn-clear"] {
        background: none;
        border-color: #ff7100;
        color: #ff7100;
    }

    [class^="nbx-btn-clear"]:hover,
    [class^="nbx-btn-clear"]:active,
    [class^="nbx-btn-clear"]:focus {
        background: none;
        border-width: 2px;
        line-height: 29px;
        padding: 0 9px;
    }
    .nbx-btn-clear-info {
        border-color: #0086ca;
        color: #0086ca;
    }
    .nbx-btn-clear-base {
        border-color: #838383;
        color: #838383;
    }
    .nbx-btn-clear-deal {
        border-color: #b92215;
        color: #b92215;
    }
}

/* ====== nbx icon module (new) ======
 * this module will eventually replace
 * the old icon module
 */
@media all {
    /* special rule set for icon buttons */
    [class^="nbx-btn"] [class^="nbx-icon"] {
        vertical-align: middle;
        margin-top: -3px; /* vertical align: middle is a little bit off center */
    }
    .ie7 [class^="nbx-btn"] [class^="nbx-icon"] { margin-top: 0; }
    /* base icon class */
    [class^="nbx-icon"] {
        display: inline-block;
        background: url('/gfx/ui/sprite_nbb_ui.png?v39') 2342px 2342px no-repeat;
    }
    [class^="nbx-icon"].pre {
        margin-right: 6px;
    }
    [class^="nbx-icon"].suf {
        margin-left: 6px;
    }
    /* sprite icons for buttons (white) */
    .nbx-icon-cart {
        width: 17px;
        height: 15px;
        background-position: -10px -130px;
    }
    .nbx-icon-textfile {
        width: 21px;
        height: 21px;
        background-position: -40px -260px;
    }
    .nbx-icon-download {
        width: 21px;
        height: 21px;
        background-position: -10px -260px;
    }

    /* sprite ui icons / buttons */
    .nbx-icon-popup-close {
        width: 32px;
        height: 32px;
        background-position: -210px -140px;
    }

    /* generic ui icons */
    .nbx-icon-checked,
    .check-nbb .nbx-icon-checked,
    .check-green .check-nbb .nbx-icon-checked,
    .check-red .check-nbb .nbx-icon-checked {
        width: 17px;
        height: 12px;
        background-position: -250px -220px;
    }
    .check-green .nbx-icon-checked,
    .check-nbb .check-green .nbx-icon-checked,
    .check-red .check-green .nbx-icon-checked {
        width: 17px;
        height: 12px;
        background-position: -180px -70px;
    }
    .check-red .nbx-icon-checked,
    .check-nbb .check-red .nbx-icon-checked,
    .check-green .check-red .nbx-icon-checked {
        width: 17px;
        height: 12px;
        background-position: -250px -260px;
    }
    .check-circled .nbx-icon-checked {
        width: 21px;
        height: 21px;
        background-position: -130px -290px;
    }
    .nbx-icon-checkbox {
        width: 17px;
        height: 17px;
        background-position: -110px -230px;
    }
    .nbx-icon-qmark {
        width: 17px;
        height: 17px;
        background-position: -220px -240px;
    }
    /* white arrows in circle (used in buttons) */
    [class^="nbx-btn"] .nbx-icon-arrow-up {
        background-position:  -10px -320px;
    }
    [class^="nbx-btn"] .nbx-icon-arrow-right {
        background-position:  -40px -320px;
    }
    [class^="nbx-btn"] .nbx-icon-arrow-down {
        background-position:  -70px -320px;
    }
    [class^="nbx-btn"] .nbx-icon-arrow-left {
        background-position: -100px -320px;
    }
    /* default orange arrows in circle */
    [class^="nbx-icon-arrow-"] {
        width: 21px;
        height: 21px;
    }
    .nbx-icon-arrow-up,
    [class^="nbx-text-btn"] .nbx-icon-arrow-up,
    [class^="nbx-btn-clear"] .nbx-icon-arrow-up {
        background-position:  -10px -290px;
    }
    .nbx-icon-arrow-right,
    [class^="nbx-text-btn"] .nbx-icon-arrow-right,
    [class^="nbx-btn-clear"] .nbx-icon-arrow-right {
        background-position:  -40px -290px;
    }
    .nbx-icon-arrow-down,
    [class^="nbx-text-btn"] .nbx-icon-arrow-down,
    [class^="nbx-btn-clear"] .nbx-icon-arrow-down {
        background-position:  -70px -290px;
    }
    .nbx-icon-arrow-left,
    [class^="nbx-text-btn"] .nbx-icon-arrow-left,
    [class^="nbx-btn-clear"] .nbx-icon-arrow-left {
        background-position: -100px -290px;
    }
    /* circled dark grey arrows (used in buttons) */
    .nbx-btn-details .nbx-icon-arrow-up {
        background-position:  -10px -350px;
    }
    .nbx-btn-details .nbx-icon-arrow-right {
        background-position:  -40px -350px;
    }
    .nbx-btn-details .nbx-icon-arrow-down {
        background-position:  -70px -350px;
    }
    .nbx-btn-details .nbx-icon-arrow-left {
        background-position: -100px -350px;
    }
    /* circled blue arrows (used in buttons) */
    .nbx-btn-clear-info .nbx-icon-arrow-up {
        background-position:  -10px -380px;
    }
    .nbx-btn-clear-info .nbx-icon-arrow-right {
        background-position:  -40px -380px;
    }
    .nbx-btn-clear-info .nbx-icon-arrow-down {
        background-position:  -70px -380px;
    }
    .nbx-btn-clear-info .nbx-icon-arrow-left {
        background-position: -100px -380px;
    }
    /* circled red arrows (used in buttons) */
    .nbx-btn-clear-base .nbx-icon-arrow-up {
        background-position:  -10px -350px;
    }
    .nbx-btn-clear-base .nbx-icon-arrow-right {
        background-position:  -40px -350px;
    }
    .nbx-btn-clear-base .nbx-icon-arrow-down {
        background-position:  -70px -350px;
    }
    .nbx-btn-clear-base .nbx-icon-arrow-left {
        background-position: -100px -350px;
    }
    /* circled red arrows (used in buttons) */
    .nbx-btn-clear-deal .nbx-icon-arrow-up {
        background-position:  -10px -440px;
    }
    .nbx-btn-clear-deal .nbx-icon-arrow-right {
        background-position:  -40px -440px;
    }
    .nbx-btn-clear-deal .nbx-icon-arrow-down {
        background-position:  -70px -440px;
    }
    .nbx-btn-clear-deal .nbx-icon-arrow-left {
        background-position: -100px -440px;
    }

    /* small white arrow for default buttons */
    [class^="nbx-btn"] .nbx-icon-arrow-right-s {
        width: 5px;
        height: 9px;
        background-position: -280px -160px;
    }
    [class^="nbx-btn"] .nbx-icon-arrow-left-s {
        width: 5px;
        height: 9px;
        background-position: -280px -170px;
    }
    [class^="nbx-btn"] .nbx-icon-arrow-up-s {
        width: 9px;
        height: 5px;
        background-position: -290px -1700px;
    }
    [class^="nbx-btn"] .nbx-icon-arrow-down-s {
        width: 9px;
        height: 5px;
        background-position: -290px -160px;
    }
    /* small orange arrow for default text button / link */
    [class^="nbx-btn-clear"] .nbx-icon-arrow-up-s,
    .nbx-icon-arrow-up-s {
        width: 9px;
        height: 5px;
        background-position: -210px -110px;
    }
    [class^="nbx-text-btn"] .nbx-icon-arrow,
    [class^="nbx-btn-clear"] .nbx-icon-arrow-right-s,
    .nbx-icon-arrow-right-s {
        width: 5px;
        height: 9px;
        background-position: -180px -50px;
    }
    [class^="nbx-btn-clear"] .nbx-icon-arrow-down-s,
    .nbx-icon-arrow-down-s {
        width: 9px;
        height: 5px;
        background-position: -230px -90px;
    }
    [class^="nbx-text-btn"] .nbx-icon-arrow-back,
    [class^="nbx-btn-clear"] .nbx-icon-arrow-left-s,
    .nbx-icon-arrow-left-s {
        width: 5px;
        height: 9px;
        background-position: -190px -50px;
    }

    /* small blue arrow for info text button / link */
    .nbx-text-btn-info .nbx-icon-arrow-up-s,
    .nbx-text-btn-clear-info .nbx-icon-arrow-up-s {
        width: 9px;
        height: 5px;
        background-position: -230px -130px;
    }
    .nbx-text-btn-info .nbx-icon-arrow,
    .nbx-text-btn-info .nbx-icon-arrow-right-s,
    .nbx-text-btn-clear-info .nbx-icon-arrow-right-s {
        width: 5px;
        height: 9px;
        background-position: -210px -70px;
    }
    .nbx-text-btn-info .nbx-icon-arrow-down-s,
    .nbx-text-btn-clear-info .nbx-icon-arrow-down-s {
        width: 9px;
        height: 5px;
        background-position: -230px -100px;
    }
    .nbx-text-btn-info .nbx-icon-arrow-back,
    .nbx-text-btn-info .nbx-icon-arrow-left-s,
    .nbx-text-btn-clear-info .nbx-icon-arrow-left-s {
        width: 5px;
        height: 9px;
        background-position: -220px -70px;
    }

    /* other orange icons for text button / link */
    [class^="nbx-text-btn"] .nbx-icon-x {
        width: 16px;
        height: 16px;
        background-position: -80px -230px;
    }


    /* other icons */
    .nbx-icon-info {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-position: -180px -120px;
    }
    .nbx-icon-info-s {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-position: -210px -120px;
    }
    .nbx-icon-minus {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-position: -310px -10px;
    }
    .nbx-icon-plus {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-position: -310px -40px;
    }
    .nbx-icon-minus-grey {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-position: -310px -70px;
    }
    .nbx-icon-plus-grey {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-position: -310px -100px;
    }
}




/* ====== nbx lists ====== */
@media all {
    /* default list */
    .nbx-list {
        padding: 0 0 0 25px;
        margin: 10px 0; }

        .nbx-list li {
            padding: 0;
            margin: 4px 0;
            line-height: 1.2em; }

    /* unstyled list */
    .nbx-unlist {
        list-style: none;
        padding: 0;
        margin: 0; }
        .nbx-unlist li {
            padding: 0;
            margin: 4px 0;
            line-height: 1.2em; }
    /* "iconlist" for lists with list-icons
     * allows multi-line texts. Text and icon
     * are vertically aligned (using the vmedia template)
     */
    .nbx-imglist {
        list-style: none;
        padding: 0;
        margin: 10px 0; }
        .nbx-imglist li {
            margin: 15px 0; }
            .nbx-imglist li .img {
                margin-right: 10px; }
        .nbx-imglist .nbx-imglist {margin: 0;}
        .nbx-imglist .nbx-imglist li:first-child {margin-top: 0;}
        .nbx-imglist .nbx-imglist li:last-child {margin-bottom: 0;}
        .ie8 .nbx-imglist .vmedia .nbx-imglist li:first-child {margin-top: 15px;}
    /* list for "checked" items like
     * in feature or property lists
     */
    .nbx-checklist {
        list-style: none;
        padding: 0;
        margin: 10px 0; }

    .nbx-checklist li {
        padding: 0 0 0 30px;
        margin: 6px 0;
        *zoom: 1; }
    .nbx-checklist li:before, .nbx-checklist li:after { content: ""; display: table; }
    .nbx-checklist li:after { clear: both; }

    .nbx-checklist li > [class^="nbx-icon"].pre {
        margin-left: -30px;
        float: left;
    }

    /* list with circled icons */
    .nbx-checklist[class*="check-circled"] li > [class^="nbx-icon"].pre,
    .nbx-checklist li > [class*="check-circled"].pre {
        margin-top:   -2px;
        margin-bottom: 3px;
    }

    /* centered list (vertical) - needs .bd wrapper */
    .nbx-checklist.check-centered li > [class^="nbx-icon"].pre {
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin-top: 0;
        margin-bottom: 0;
    }
    .nbx-checklist.check-centered .bd {
        display: inline-block;
        vertical-align: middle;
    }
}

/* ====== nbx notice modules ====== */
@media all {
    /* default notice */
    .nbx-notice {
        display: block;
    }

    .nbx-panel {
        margin: 0 0 15px;
        padding: 10px;
        border-top: 1px dotted #d9d9d9;
        border-bottom: 1px dotted #d9d9d9;
    }
    .nbx-panel.nbx-notice-error   { border-color: #b92215; }
    .nbx-panel.nbx-notice-success { border-color: #89c535; }
    .nbx-panel.nbx-notice-info    { border-color: #0086ca; }
}



/* ====== nbx foundation ====== */
@media all {
    .nbx-form textarea {
        height: auto;
        min-height: 50px;
        max-width: 100%;}
    .nbx-form select {
        width: 100%; }



    /* Standard Forms */
    form.nbx-form {
        margin: 0 0 10px; }

    /* Using forms within rows, we need to set some defaults */
    .nbx-form  .nbx-grid-row .nbx-grid-row {
        margin: 0 -10px; }
    .nbx-form  .nbx-grid-row .nbx-grid-row .nbx-grid-column,
    .nbx-form  .nbx-grid-row .nbx-grid-row .nbx-grid-columns {
        padding: 0 10px; }
    .nbx-form  .nbx-grid-row .nbx-grid-row.collapse {
        margin: 0; }
    .nbx-form  .nbx-grid-row .nbx-grid-row.collapse .nbx-grid-column,
    .nbx-form  .nbx-grid-row .nbx-grid-row.collapse .nbx-grid-columns {
        padding: 0; }
    .nbx-form  .nbx-grid-row .nbx-grid-row.collapse input {
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
    .nbx-form  .nbx-grid-row input.nbx-grid-column,
    .nbx-form  .nbx-grid-row input.nbx-grid-columns,
    .nbx-form  .nbx-grid-row textarea.nbx-grid-column,
    .nbx-form  .nbx-grid-row textarea.nbx-grid-columns {
        padding-left: 10px; }

    /* Label Styles */
    .nbx-form label {
        font-size: 12px;
        color: #646464;
        cursor: pointer;
        display: block;
        font-weight: normal;
        margin-bottom: 2px;
        /* Styles for required inputs */ }
    .nbx-form label.right {
        float: none !important;
        text-align: right; }
    .nbx-form label.inline {
        margin: 0 0 15px 0;
        padding: 7px 0; }
    .nbx-form label small {
        text-transform: capitalize;
        color: #646464; }

    .nbx-form select::-ms-expand {
        display: none; }

    .nbx-form .btn-label {
        padding-top: 9px;
    }


    /* Attach elements to the beginning or end of an input */
    .prefix,
    .postfix {
        display: block;
        position: relative;
        z-index: 2;
        text-align: center;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        border-style: solid;
        border-width: 1px;
        overflow: hidden;
        font-size: 12px;
        height: 29px;
        line-height: 29px; }

    /* Adjust padding, alignment and radius if pre/post element is a button */
    [class^="nbx-btn"].postfix {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        line-height: 29px;
        height: 31px;
        min-width: auto;
        min-width: initial;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }

    [class^="nbx-btn"].prefix {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        line-height: 29px;
        height: 31px;
        min-width: auto;
        min-width: initial;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }

    .prefix[class^="nbx-btn"].radius {
        border-radius: 0;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px; }

    .postfix[class^="nbx-btn"].radius {
        border-radius: 0;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px; }

    .prefix[class^="nbx-btn"].round {
        border-radius: 0;
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px; }

    .postfix[class^="nbx-btn"].round {
        border-radius: 0;
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px; }

    /* Separate prefix and postfix styles when on span or label so buttons keep their own */
    span.prefix, label.prefix {
        background: #f2f2f2;
        border-right: none;
        color: #383838;
        border-color: #d9d9d9; }

    span.postfix, label.postfix {
        background: #f2f2f2;
        border-left: none;
        color: #383838;
        border-color: #d9d9d9; }

    /* We use this to get basic styling on all basic form elements */
    .nbx-form .form-element {
        display: block;
        margin: 0 0 15px 0;
    }    .nbx-form .form-element.error {
        margin-bottom: 0;
    }

    .nbx-form input[type="text"],
    .nbx-form input[type="password"],
    .nbx-form input[type="date"],
    .nbx-form input[type="datetime"],
    .nbx-form input[type="datetime-local"],
    .nbx-form input[type="month"],
    .nbx-form input[type="week"],
    .nbx-form input[type="email"],
    .nbx-form input[type="number"],
    .nbx-form input[type="search"],
    .nbx-form input[type="tel"],
    .nbx-form input[type="time"],
    .nbx-form input[type="url"],
    .nbx-form input[type="color"],
    .nbx-form textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
        background-color: white;
        font-family: inherit;
        border: 1px solid #d9d9d9;
        box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.05);
        color: rgba(0, 0, 0, 0.75);
        display: block;
        font-size: 12px;
        margin: 0 0 15px 0;
        padding: 8px 10px;
        height: 31px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
    .nbx-form input[type="text"]:focus,
    .nbx-form input[type="password"]:focus,
    .nbx-form input[type="date"]:focus,
    .nbx-form input[type="datetime"]:focus,
    .nbx-form input[type="datetime-local"]:focus,
    .nbx-form input[type="month"]:focus,
    .nbx-form input[type="week"]:focus,
    .nbx-form input[type="email"]:focus,
    .nbx-form input[type="number"]:focus,
    .nbx-form input[type="search"]:focus,
    .nbx-form input[type="tel"]:focus,
    .nbx-form input[type="time"]:focus,
    .nbx-form input[type="url"]:focus,
    .nbx-form input[type="color"]:focus,
    .nbx-form textarea:focus {
        box-shadow: 0 0 5px #d9d9d9;
        border-color: #d9d9d9; }
    .nbx-form input[type="text"]:focus,
    .nbx-form input[type="password"]:focus,
    .nbx-form input[type="date"]:focus,
    .nbx-form input[type="datetime"]:focus,
    .nbx-form input[type="datetime-local"]:focus,
    .nbx-form input[type="month"]:focus,
    .nbx-form input[type="week"]:focus,
    .nbx-form input[type="email"]:focus,
    .nbx-form input[type="number"]:focus,
    .nbx-form input[type="search"]:focus,
    .nbx-form input[type="tel"]:focus,
    .nbx-form input[type="time"]:focus,
    .nbx-form input[type="url"]:focus,
    .nbx-form input[type="color"]:focus,
    .nbx-form textarea:focus {
        background: #fafafa;
        border-color: #d9d9d9;
        outline: none; }
    .nbx-form input[type="text"]:disabled,
    .nbx-form input[type="password"]:disabled,
    .nbx-form input[type="date"]:disabled,
    .nbx-form input[type="datetime"]:disabled,
    .nbx-form input[type="datetime-local"]:disabled,
    .nbx-form input[type="month"]:disabled,
    .nbx-form input[type="week"]:disabled,
    .nbx-form input[type="email"]:disabled,
    .nbx-form input[type="number"]:disabled,
    .nbx-form input[type="search"]:disabled,
    .nbx-form input[type="tel"]:disabled,
    .nbx-form input[type="time"]:disabled,
    .nbx-form input[type="url"]:disabled,
    .nbx-form input[type="color"]:disabled,
    .nbx-form textarea:disabled {
        background-color: #dddddd;
        cursor: default; }
    .nbx-form input[type="text"][disabled],
    .nbx-form input[type="text"][readonly],
    .nbx-form fieldset[disabled] input[type="text"],
    .nbx-form input[type="password"][disabled],
    .nbx-form input[type="password"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="password"],
    .nbx-form input[type="date"][disabled],
    .nbx-form input[type="date"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="date"],
    .nbx-form input[type="datetime"][disabled],
    .nbx-form input[type="datetime"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="datetime"],
    .nbx-form input[type="datetime-local"][disabled],
    .nbx-form input[type="datetime-local"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="datetime-local"],
    .nbx-form input[type="month"][disabled],
    .nbx-form input[type="month"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="month"],
    .nbx-form input[type="week"][disabled],
    .nbx-form input[type="week"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="week"],
    .nbx-form input[type="email"][disabled],
    .nbx-form input[type="email"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="email"],
    .nbx-form input[type="number"][disabled],
    .nbx-form input[type="number"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="number"],
    .nbx-form input[type="search"][disabled],
    .nbx-form input[type="search"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="search"],
    .nbx-form input[type="tel"][disabled],
    .nbx-form input[type="tel"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="tel"],
    .nbx-form input[type="time"][disabled],
    .nbx-form input[type="time"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="time"],
    .nbx-form input[type="url"][disabled],
    .nbx-form input[type="url"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="url"],
    .nbx-form input[type="color"][disabled],
    .nbx-form input[type="color"][readonly],
    .nbx-form fieldset[disabled]
    .nbx-form input[type="color"],
    .nbx-form textarea[disabled],
    .nbx-form textarea[readonly], fieldset[disabled]
    .nbx-form textarea {
        background-color: #dddddd;
        cursor: default; }
    .nbx-form input[type="text"].radius,
    .nbx-form input[type="password"].radius,
    .nbx-form input[type="date"].radius,
    .nbx-form input[type="datetime"].radius,
    .nbx-form input[type="datetime-local"].radius,
    .nbx-form input[type="month"].radius,
    .nbx-form input[type="week"].radius,
    .nbx-form input[type="email"].radius,
    .nbx-form input[type="number"].radius,
    .nbx-form input[type="search"].radius,
    .nbx-form input[type="tel"].radius,
    .nbx-form input[type="time"].radius,
    .nbx-form input[type="url"].radius,
    .nbx-form input[type="color"].radius,
    .nbx-form textarea.radius {
        border-radius: 3px; }

    .nbx-form .nbx-grid-row .prefix-radius.nbx-grid-row.collapse input,
    .nbx-form .nbx-grid-row .prefix-radius.nbx-grid-row.collapse textarea,
    .nbx-form .nbx-grid-row .prefix-radius.nbx-grid-row.collapse select {
        border-radius: 0;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px; }
    .nbx-form .nbx-grid-row .prefix-radius.nbx-grid-row.collapse .prefix {
        border-radius: 0;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px; }
    .nbx-form .nbx-grid-row .postfix-radius.nbx-grid-row.collapse input,
    .nbx-form .nbx-grid-row .postfix-radius.nbx-grid-row.collapse textarea,
    .nbx-form .nbx-grid-row .postfix-radius.nbx-grid-row.collapse select {
        border-radius: 0;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px; }
    .nbx-form .nbx-grid-row .postfix-radius.nbx-grid-row.collapse .postfix {
        border-radius: 0;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px; }
    .nbx-form .nbx-grid-row .prefix-round.nbx-grid-row.collapse input,
    .nbx-form .nbx-grid-row .prefix-round.nbx-grid-row.collapse textarea,
    .nbx-form .nbx-grid-row .prefix-round.nbx-grid-row.collapse select {
        border-radius: 0;
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px; }
    .nbx-form .nbx-grid-row .prefix-round.nbx-grid-row.collapse .prefix {
        border-radius: 0;
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px; }
    .nbx-form .nbx-grid-row .postfix-round.nbx-grid-row.collapse input,
    .nbx-form .nbx-grid-row .postfix-round.nbx-grid-row.collapse textarea,
    .nbx-form .nbx-grid-row .postfix-round.nbx-grid-row.collapse select {
        border-radius: 0;
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px; }
    .nbx-form .nbx-grid-row .postfix-round.nbx-grid-row.collapse .postfix {
        border-radius: 0;
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px; }

    .nbx-form input[type="submit"] {
        -webkit-appearance: none;
        -webkit-border-radius: 0px; }

    /* Respect enforced amount of rows for textarea */
    .nbx-form textarea[rows] {
        height: auto; }

    /* Add height value for select elements to match text input height */
    .nbx-form select {
        -webkit-appearance: none !important;
        -webkit-border-radius: 0px;
        background-color: #fff;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
        background-position: 100% center;
        background-repeat: no-repeat;
        border: 1px solid #d9d9d9;
        padding: 6px 10px;
        font-size: 12px;
        font-family: "Roboto-Regular", Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
        color: rgba(0, 0, 0, 0.75);
        line-height: normal;
        border-radius: 0;
        height: 31px; }
    .nbx-form select.radius {
        border-radius: 3px; }
    .nbx-form select:hover {
        background-color: #fafafa;
        border-color: #d9d9d9; }
    .nbx-form select:disabled {
        background-color: #dddddd;
        cursor: default; }
    .nbx-form select option {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /* Adjust margin for form elements below */
    .nbx-form input[type="file"],
    .nbx-form input[type="checkbox"],
    .nbx-form input[type="radio"],
    .nbx-form select {
        margin: 0 0 15px 0; }

    .nbx-form input[type="checkbox"] + label,
    .nbx-form input[type="radio"] + label {
        display: inline-block;
        margin-left: 10px;
        margin-right: 15px;
        margin-bottom: 0;
        vertical-align: baseline; }
    .nbx-form input[type="checkbox"] + label.inline,
    .nbx-form input[type="radio"] + label.inline {
        margin-bottom: 15px;
        padding: 0;
        vertical-align: top; }

    /* Normalize file input width */
    .nbx-form input[type="file"] {
        width: 100%; }


    /* fix ie-8 input size problem */
    .ie8 .nbx-form input {
        overflow: visible;
        padding: 7px 5px 8px; }

    /* HTML5 Number spinners settings */
    /* We add basic fieldset styling */
    .nbx-form fieldset {
        border: 1px solid #d9d9d9;
        padding: 20px;
        margin: 20px 0; }
    .nbx-form fieldset legend {
        font-weight: bold;
        background: #fff;
        padding: 0 30px;
        margin: 0;
        margin-left: -30px; }


    /* Error Handling */
    [data-abide] span.error,
    [data-abide] small.error {
        display: none; }

    .nbx-form span.error,
    .nbx-form small.error {
        font-family: "Roboto_Condensed", Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif", "MS Sans Serif", sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #b92215;
        display: block;
        margin-top: -1px;
        margin-bottom: 15px;
        padding: 4px 6px 4px 0; }

    .nbx-form .error input,
    .nbx-form .error textarea,
    .nbx-form .error select {
        margin-bottom: 0; }
    .nbx-form .error input[type="checkbox"],
    .nbx-form .error input[type="radio"] {
        margin-bottom: 15px; }
    .nbx-form .error label,
    .nbx-form .error label.error {
        color: #b92215; }
    .nbx-form .error small.error {
        font-family: "Roboto_Condensed", Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif", "MS Sans Serif", sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #b92215;
        display: block;
        margin-top: -1px;
        margin-bottom: 15px;
        padding: 4px 6px 4px 0; }
    .nbx-form .error > label > small {
        color: #646464;
        background: transparent;
        padding: 0;
        text-transform: capitalize;
        font-style: normal;
        font-size: 60%;
        margin: 0;
        display: inline; }
    .nbx-form .error span.error-message {
        display: block; }

    .nbx-form input.error,
    .nbx-form textarea.error,
    .nbx-form select.error {
        margin-bottom: 0; }

    .nbx-form label.error {
        color: #b92215; }

    .nbx-form .error.notice-up,
    .nbx-form .error small.error.notice-up {
        background-image: url('/gfx/forms/error_notice_arrow_up.png');
        background-position:  0 7px;
        background-repeat: no-repeat;
        padding-left: 12px;
    }









}/* ====== block link wrapper ====== */
.link-wrapper,
.link-wrapper:hover {
    text-decoration: none;
    display: inline-block;
}


/* ====== media ====== */
@media all {
    .media,
    .media > .bd         {overflow:hidden; _overflow:visible; zoom:1; display: block;}
    .media > .img        {float:left; margin-right: 10px;}
    .media > .imgExt     {float:right; margin-left: 10px;}
    .media > .img img,
    .media > .imgExt img {display:inline-block; vertical-align: top; max-width: 100%; }

    .vmedia > .bd, /* vmedia img and bd width need to be set accordingly */
    .vmedia > .img,
    .vmedia > .imgExt  {display: inline-block; vertical-align: middle;}
    .vmedia > .img     {margin-right: 10px;}
    .vmedia > .imgExt  {margin-left: 10px;}

    /* labels next to images in img container */
    .media-label {
        font-family: 'Roboto_Condensed', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
        display: inline-block;
        color: #ff7100;
        margin-left: 10px;
    }
    .media-label .label-main {
        font-size: 19px;
        display: block;
        text-transform: uppercase;
    }
    .media-label .label-sub {
        font-size: 14px;
    }
}


/* ====== page-box ====== */
@media all {
    .page-box {
        margin-bottom: 20px;
    }
    .page-box-hd {
        padding: 10px 10px 6px;
        display: block;
        background: #f6f6f6;
        text-decoration: none;
        position: relative;
    }

    .page-box-title {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        display: inline-block;
        color: #383838;
        height: 20px;
        line-height: 20px;
        font-size: 19px;
    }

    .page-box > .page-box-ft {}
    .page-box-bd > .page-box-ft {
        border-top: 1px dotted #dadada;
        padding: 20px;
    }
}

/* ====== page-box section ====== */
/* sub module for sections in page-boxes */
@media all {
    .page-box-section {
        margin-bottom: 20px;
    }
    .page-box-section .section-hd {
        padding: 10px 10px 6px;
        display: block;
        background: #f6f6f6;
        text-decoration: none;
        position: relative;
        margin-bottom: 10px;
    }
    .page-box-section .section-title {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        display: inline-block;
        color: #383838;
        height: 20px;
        line-height: 20px;
        font-size: 19px;
    }
    .page-box-section .section-title .title-sub,
    .page-box-section .section-title .sub {
        font-size: 16px;
    }
    .page-box-section .section-hd-wrap {
        padding: 1px 0;
        border-top: 1px dotted #dadada;
        border-bottom: 1px dotted #dadada;
        margin-bottom: 10px;
    }

    .page-box-section .section-hd-wrap .section-hd {
        margin-bottom: 0;
    }

    .page-box-section .section-nav {
        float: right;
        vertical-align: text-bottom;
    }

    .page-box-section > .section-ft {}
    .section-bd > .section-ft {
        border-top: 1px dotted #dadada;
        padding: 20px;
    }
}


/* ====== mod-box ====== */
/* grid mod-box start */
@media all {
    .mod-box {
        display: block;
        margin: 0 10px 20px;
    }
    .mod-box-hd {
        padding: 10px 10px 6px;
        border-top: 1px dotted #dadada;
        display: block;
        text-decoration: none;
    }
    .mod-box-hd:hover { display: block; }
    .mod-box-title {
        height: 23px;
        line-height: 23px;
        font-size: 26px;
        text-transform: uppercase;
        color: #606060;
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
    }
    .mod-box-nav {
        float: right;
        height: 23px;
        line-height: 23px;
        vertical-align: text-bottom;
    }
    .mod-box-bd {
        padding: 10px;
        border-top: 1px dotted #dadada;
        border-bottom: 1px dotted #dadada;
    }

    .info-box .mod-box-title {
        color: #0086ca
    }
}
/* grid mod-box end */


/* ====== section-box ====== */
/* grid section-box start */
@media all {
    .section-box {
        display: block;
        margin: 0 20px 20px;
    }
    .section-box-hd {
        padding: 10px 0 6px 10px;
        display: block;
        text-decoration: none;
        border-bottom: 1px solid #ff7100;
        color: #ff7100;
        font-size: 14px;
        font-weight: bold;
    }
    .section-box-hd:hover { display: block; }
    .section-box-bd {}

    .info-box .section-box-title {
        color: #0086ca
    }
}
/* grid section-box end */


/* ====== popup-box ====== */
/* new modal popup start */
@media all {
    .nbx-popup {
        display: none;
        position: absolute;
        top: 120px;
        left: 210px;
        z-index: 99;
        display: block;
        background: #fff;
        color: #646464;
        padding: 20px;
        width: 610px;
    }
    .nbx-popup-hd {
        padding: 0 0 15px;
        margin: 0 0 20px;
        display: block;
        border-bottom: 1px dotted #dadada;
        text-decoration: none;
        position: relative;
    }
    .nbx-popup-bd {
    }
    .nbx-popup-ft {
        border-top: 1px dotted #dadada;
        padding: 20px 0 0;
        margin: 20px 0 0;
    }

    .nbx-popup-title {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        font-size: 21px;
    }
    .nbx-popup-close {
        position: absolute;
        top: -14px;
        right: -14px;
        cursor: pointer;
    }
}
/* new modal popup end */
/* old modal popup-box start */
@media all {
    .popup-box {
        display: block;
        margin: 0 20px 20px;
        background: #fff;
        color: #838383;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box;
        border: 1px solid #dadada;
    }
    /* remove margin and border for new window popup
     * flagged as deprecated, when new popup layer is ready
     */
    body > .popup-box {
        margin: 0;
        border: none;
    }
    .popup-box-hd-wrapper {
        margin-bottom: 1px;
        border-bottom: 1px dotted #dadada;
    }
    .popup-box-hd {
        padding: 10px 25px 6px;
        display: block;
        background: #f6f6f6;
        border-bottom: 1px solid #fff;
        text-decoration: none;
        position: relative;
    }
    .popup-box-hd:hover { display: block; }
    .popup-box-title {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        display: inline-block;
        color: #383838;
        height: 20px;
        line-height: 20px;
        font-size: 19px;
    }
    .popup-box-close {
        position: absolute;
        top: -14px;
        right: -14px;
        cursor: pointer;
    }
    .popup-box-bd {
        border-top: 1px dotted #dadada;
        padding: 25px 50px;
    }
    .popup-box-bd p {
        margin-bottom: 12px!important;
    }

    .popup-content-hd {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        font-size: 25px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #dadada;
    }
    .popup-content-hd h1 {
        font-size: 25px;
        font-weight: normal;
        margin: 5px 0;
    }
    .popup-content-hd .text-main {
        font-size: 36px;
    }
    .popup-content-headline {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        font-size: 20px;
        font-weight: normal;
    }

    .info-box .popup-box-title {
        color: #0086ca
    }
}
/* old modal popup-box end */





/* ====== text counter and countainer ====== */
@media all {
    .text-counter {
        color: #838383;
    }
    .countainer {
        color: #fff;
        background-color: #838383;
        text-align: center;
        display: inline-block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin-top: -3px;
        font-size: 11px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    .countainer.active {
        background-color: #0086ca;
    }
}


/* ====== default product box elements ====== */
@media all {
    .product-wrapper,
    .product-wrapper:hover { display: block; }
    .product-img-wrapper {
        position: relative;
        margin-bottom: 10px;
        height: 160px;
        width: 160px;
        text-align: center;
    }
    .product-img-wrapper img {
        max-width: 100%;
        max-height: 100%;
    }
    .product-overlay-logo {
        position: absolute;
        bottom: 0;
        right: -6px;
        width: 55px;
        height: 55px; 
    }
    .product-img { margin: 0 auto; }
    .product-bd {}
    .product-title {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        color: #383838;
        font-size: 19px;
        line-height: 20px;
        text-transform: uppercase;
        text-decoration: none;
    }
    .product-description {}
    .product-description ul {
        padding-left: 16px;
        margin: 0;
    }
    .product-price {
        font-family: 'League Gothic', Tahoma, Arial, Helvetica, Calibri, Candara, "Arial Narrow", sans-serif;
        font-size: 30px;
        line-height: 30px;
        height: 30px;
        color: #FF7100;
        vertical-align: bottom;
    }
    .product-price-3d {
        color: #FF7100;
        text-shadow:
            -2px -2px 0 #fff,
             2px -2px 0 #fff,
            -2px  2px 0 #fff,
             2px  2px 0 #fff,
             1px  2px 5px #838383;
    }
    .product-ui-wrapper { width: 135px; }
    .product-btn {} /* btn-nbb btn-details */
    .product-rating {}


    [class^="product-tile"] .product-title {
        height: 40px;
        overflow: hidden;
    }
    [class^="product-tile"] .product-price {
        font-family: 'bebas_neueregular', Arial, sans-serif;
        font-size: 75px;
        height: 82px;
        line-height: 78px;
        overflow: hidden;
    }


    [class^="product-tile"] .decimal {
        font-size: 40px;
        line-height: 60px;
        vertical-align: text-top;
    }
    [class^="product-tile"] .price-medium {
        font-size: 70px;
        line-height: 85px;
    }
    [class^="product-tile"] .price-medium .decimal {
        font-size: 40px;
        line-height: 55px;
    }
    [class^="product-tile"] .price-long {
        font-size: 55px;
        line-height: 96px;
    }
    [class^="product-tile"] .price-long .decimal {
        font-size: 36px;
        line-height: 45px;
    }
    .product-tile-1x2 .product-price {
        text-align: center;
    }
    [class^="product-tile"] .product-ui-wrapper {
        height: 28px;
        display: block;
        margin-top: 10px;
    }
    [class^="product-tile"] .product-rating {
        margin-top: 10px;
    }
}

/* ====== product tiles for tile-view  ====== */
@media all {
    .product-tile-2x1 { height: 160px; }
    .product-tile-2x1 .img { margin-right: 30px; }
    .product-tile-1x2 { float: left; width: 170px; margin-right: 20px; }
    .product-tile-1x2.last { margin-right: 0;}
}


/* ====== row of 3 with spaced tile-view  ====== */
@media all {
    .product-tile-grid-4 {
        width: 215px;
        margin: 0 20px;
    }
}

/* ====== recently viewed product tiles  ====== */
@media all {
    .recently-viewed-wait {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #D9D9D9;
        box-shadow: 0 0 5px 1px rgba(20, 20, 20, 0.2);
        display: none;
        padding: 10px;
        left:155px;
        top:140px;
        position: absolute;
        text-align: center;
        z-index: 80;
    }

    .recentlybox {
        position:relative;
    }
}


/* ====== default news box elements ====== */
@media all {
    .news-wrapper {
        height: 100px;
        padding: 0 10px 8px;
        border-bottom: 1px dotted #dadada;
        margin: 8px -10px -1px;
        overflow: hidden;
    }
    .news-wrapper.first {
        margin-top: 0;
    }
    .news-wrapper.last {
        border-bottom: 1px solid transparent;

    }
    .news-img-wrapper {
        position: relative;
        width: 98px;
        height: 98px;
        border: 1px solid #dadada;
        overflow: hidden;
    }
    .news-img {
        max-height: 98px;
    }
    .news-bd {}
    .news-title {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        color: #383838;
        font-size: 19px;
        line-height: 20px;
        text-transform: uppercase;
        max-height: 40px;
        overflow: hidden;
    }
    .news-text {
        line-height: 16px;
        height: 32px;
        overflow: hidden;
    }
    .news-ui-wrapper {
        margin: 8px 0 0;
        line-height: 23px;
    }
    .news-ui-wrapper .news-comments {}
    .news-ui-wrapper .link-more { float: right; }

    /* positioning hack for link above link box to appear inside the box */
    .share-box {
        position: relative;
        top : -32px;
        left: 110px;
        height: 30px;
        margin-bottom: -30px;
        overflow: hidden;
        display: inline-block;
    }
    .share-box .social-link {
        display: inline-block;
        padding: 8px 2px 8px 8px;
        font-style: italic;
        line-height: 12px;
    }
    .share-box .icon_nbb {
        margin-top: -2px;
    }
}


/* ====== Helpers & Wrapper ====== */
@media all {
    .banner-wrapper { margin-bottom: 20px; }

    .cf:after,
    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    .clearfix_left:after {
        content: ".";
        display: block;
        clear: left;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    .clearfix_right:after {
        content: ".";
        display: block;
        clear: right;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    * html .cf,
    *+html .cf,
    * html .clearfix,
    *+html .clearfix {
        zoom: 1;
    }

    .clb { clear: both; }
    .cll { clear: left; }
    .clr { clear: right; }
    .clx {
        clear: both;
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
        overflow: hidden;
    }

    .nowrap { white-space: nowrap; }

    /* center fixed width elements */
    .nbx-center {
        margin-left: auto;
        margin-right: auto;
    }
    /* center images */
    .img-center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    /* wrapper to center contained inline elements
     * that can't work with margin 0 auto */
    .nbx-center-wrap {
        position: relative;
        left: 50%;
        float: left;
    }
    .nbx-center-wrap > .nbx-center {
        margin-left: -50%;
    }

    .fll {
        float: left;
    }
    .flr {
        float: right;
    }

    /* show this only for old ie browsers */
    .show-for-ie { visibility: hidden; }
    .lt-ie10 .show-for-ie { visibility: visible; }

    /* dotted divider */
    [class^="nbx-hr"] {
        border:1px dotted #dadada;
        border-style:none none dotted;
        color:#fff;
        background:#fff;
        margin: 25px 0;
        height:1px;
    }
    .nbx-hr-expanded {
        margin-left: -10px;
        margin-right: -10px;
    }
}


/* ====== nbb list helper ====== */
@media all {
    .centered-list-wrapper {
        overflow: hidden;
    }
    .centered-list-wrapper .centered-list {
        position: relative;
        float: left;
        left: 50%;
        padding: 0;
        list-style: none;
    }
    .centered-list-wrapper .centered-list li {
        position: relative;
        float: left;
        right: 50%;
        margin: 0 5px;
    }
    .inline-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .inline-list > li {
        display: inline-block;
        margin-right: 1.3em;
    }
}





/* ====== nbb section with dividers ====== */
@media all {
    .divider-section {
        border-top: 1px dotted #dadada;
        border-bottom: 1px dotted #dadada;
        margin: 10px 0;
        padding: 10px 0;
    }
}




/* ====== nbb grid box modules ====== */
@media all {
    .box-img-wrapper {
        border: 1px solid #dadada;
        margin: 0 0 10px;
        padding: 7px;
    }
    .box-img-wrapper img {
        width: 100%;
    }
}



















.nbb-title-page-other {
    font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
    display: inline-block;
    color: #383838;
    height: 20px;
    line-height: 20px;
    font-size: 19px;
    margin: 10px 0 20px 10px;
}/*##################
 *### typography ###
 *##################
 * styles for text rendering, headlines, text modules and other
 * typography-related elements
 */

/* ====== title & headline ====== */
@media all {
    /*
     * product title
     */
    .nbx-product-title {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        overflow: hidden;
        line-height: 20px;
        font-size: 19px;
        color: #383838;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: normal;
    }
    .nbx-product-title a {
        color: #383838;
        text-decoration: none;
    }
    /*
     * page / page-section title
     */
    .nbx-page-title {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        position: relative;
        display: block;
        margin: 0 0 20px 0;
        padding: 15px 10px 11px;
        height: 21px;
        line-height: 21px;
        font-size: 21px;
        font-weight: normal;
        background: #f6f6f6;
        color: #646464;
        text-decoration: none;
    }
    /* for a dotted padded wrapper */
    .nbx-title-wrapper,
    .nbx-page-title-wrapper {
        margin: 0 0 20px 0;
        padding: 1px 0;
        border-top: 1px dotted #dadada;
        border-bottom: 1px dotted #dadada;
    }
    .nbx-title-wrapper .nbx-nbb-title,
    .nbx-title-wrapper .nbx-page-title,
    .nbx-page-title-wrapper .nbx-page-title {
        margin: 0;
    }
    /* main and sub title separation */
    .nbx-page-title .title-main {}
    .nbx-page-title .title-sub{
        font-size: 0.8em;
    }

    /* default nbb title (obsolete) */
    .nbb-title {
        color: #ff7100;
    }
    /*
     * nbb title
     */
    .nbx-nbb-title {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        overflow: hidden;
        line-height: 30px;
        font-size: 30px;
        margin: 0 0 20px 0;
        padding: 15px 10px 11px;
        color: #ff7100;
        text-decoration: none;
        font-weight: normal;
    }
    .nbx-nbb-title .title-icon {
        vertical-align: middle;
        margin-right: 20px;
        display: inline-block;
    }
    .nbx-nbb-title .title-text {
        vertical-align: middle;
        display: inline-block;
    }

    .nbx-nbb-title.big-title { /* ToDo (kabe) replace with new headline concept */
        font-size: 39px;
        font-family: 'Roboto_Condensed', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;;
        font-weight: bold;
        text-transform: uppercase;
    }

    /*
     * nbb teaser title ToDo (kabe) not final
     */
    .nbx-teaser-title {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        line-height: 22px;
        font-size: 20px;
        text-decoration: none;
        font-weight: normal;
    }

    /*
     * nbb focus title ToDo (kabe) not final
     */
    .nbx-focus-title {
        font-family: 'Roboto-Regular', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
        font-size: 32px;
        font-weight: 100;
        text-decoration: none;
        color: #383838;
    }

    .nbx-focus-title strong {
        font-weight: bold;
        color: #ff7100;
    }

    /*
     * nbb recently title ToDo (kabe) not final, will be replaced by generic title class
     */
    .mod-box-title.recently-viewed-title {
        font-family: 'Roboto_Condensed', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
        line-height: 19px;
        font-size: 28px;
        font-weight: normal;
        text-decoration: none;
        text-transform: uppercase;
    }
}


/* ====== nbb page header ====== */
/*
 * pagehead for sub-pages with default
 * title/subtitle and floated inline images
 */
@media all {
    .nbb-pagehead {
        margin: 25px 10px 0;
    }
    .nbb-pagehead .title-main {
        text-transform: uppercase;
        font-style: italic;
        font-weight: bold;
        font-size: 30px;
        color: #ff7100;
        margin-bottom: 0;
    }
    .ie8 .nbb-pagehead .title-main {
        font-size: 26px; /* small adjustment for IE's large font rendering */
    }
    .nbb-pagehead.nbb-info .title-main {
        color: #0086ca;
    }
    .nbb-pagehead.nbb-delivery .title-main {
        color: #89c535;
    }

    .nbb-pagehead .title-sub {
        font-size: 22px;
        font-weight: 100;
        margin-top: 0;
    }
    .ie8 .nbb-pagehead .title-sub {
        font-size: 20px; /* small adjustment for IE's large font rendering */
    }
    .nbb-pagehead.nbb-misc .title-main {
        font-family: "alternate_gothic_fs_no_3Rg", Calibri, Candara, "Arial Narrow", sans-serif;
        text-transform: none;
        font-style: normal;
        font-weight: normal;
        font-size: 32px;
        color: #383838;
    }
    .nbb-pagehead.nbb-misc .title-details {
        font-size: 16px;
        font-weight: normal;
        margin-top: 10px;
        color: #646464;
    }
}


/* text modules */
@media all {
    /* simple paragraph module */
    .nbx-para {
        display: block;
        margin: 0 0 20px;
    }
    .nbx-para .hd {
        font-weight: bold;
        margin-bottom: 2px;
        font-size: 14px;
    }
    .nbx-para p {
        margin-bottom: 10px !important; /* temp. fix for epoq styles */
    }
}

/* more text modules */
@media all {
    .text-box {
        line-height: 1.5em;
        margin: 10px 0 15px;
    }
    .text-box .text-headline {
        display: block;
        color: #838383;
        font-weight: bold;
        margin-bottom: 6px;
    }
    .text-box .text-title {
        display: block;
        color: #838383;
        font-weight: normal;
        font-size: 14px;
        margin-bottom: 6px;
    }
    .text-box .text-notice {
        display: block;
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}





/* table modules
 * - will be moved to separate css file ToDo: (kabe)
 */
@media all {
    [class^="nbx-table"] {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        margin-bottom: 25px;
    }
    [class^="nbx-table"] td,
    [class^="nbx-table"] th {
        padding: 0;
    }
    [class^="nbx-table-plain"] {
        border: 1px solid #f6f6f6;
    }
    [class^="nbx-table-plain"] thead {
        background-color: #f6f6f6;
    }
    [class^="nbx-table-plain"] thead tr {
        border-bottom: none;
    }
    [class^="nbx-table-plain"] thead th {
        vertical-align: bottom;
    }
    [class^="nbx-table-plain"] th,
    [class^="nbx-table-plain"] td {
        padding: 6px;
        text-align: center;
        vertical-align: middle;
        min-height: 40px;
    }
    [class^="nbx-table-plain"] tr {
        border-bottom: 1px dotted #dadada;
    }

    /* table attributes for modifications */
    [class^="nbx-table"].t-flex  { width: auto; }
    [class^="nbx-table"].t-fix   { table-layout: fixed; }
    [class^="nbx-table"].t-left  { text-align: left; }
    [class^="nbx-table"].t-right { text-align: right; }
}






/* recently viewed styles
 * - will be moved to separate css file ToDo: (kabe)
 */
@media all {
    .recently-viewed {}
    .recently-viewed .product-title {
        font-family: 'Roboto_Condensed', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
        font-size: 20px;
        color: #383838;
        text-transform: none;
    }
    .recently-viewed .product-price {
        font-family: 'Roboto_Condensed', Tahoma, FreeSans, Verdana, Arial, Helvetica, "Sans Serif","MS Sans Serif", sans-serif;
        font-size: 52px;
        font-weight: bold;
        letter-spacing: -2px;
    }
    .recently-viewed .decimal {
        font-size: 34px;
        line-height: 60px;
        vertical-align: bottom;
    }
}


    .nbx-dotted-box {
        position: relative;
        display: block;
        margin: 0 0 20px 0;
        padding: 10px;
        min-height: 21px;
        line-height: 21px;
        background: #f6f6f6;
    }
    /* for a dotted padded wrapper */
    .nbx-dotted-wrapper {
        margin: 0 0 20px 0;
        padding: 1px 0;
        border-top: 1px dotted #dadada;
        border-bottom: 1px dotted #dadada;
    }
    .nbx-dotted-wrapper .nbx-dotted-box {
        margin: 0;
    }