/*STYLE.css*/
html {
    height: 100%;
}

BODY {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: White;
    padding: 0;
    margin: 0;
    height: 100%;
}

a img {
    border-width: 0;
}

H1 {
    font: bold small Arial, Helvetica, sans-serif;
    display: inline;
    color: White;
    background-color: #006699;
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
}

H2 {
    font-size: 12px;
    color: #336699;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-bottom: 1px #336699 solid;
}

/* master page styles */
.loginLayer {
    border: 1px solid rgb(0, 51, 102);
    padding: 3px;
    background: rgb(245, 245, 245) none repeat scroll 0%;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    position: absolute;
    top: 98px;
    left: 10px;
    width: 330px;
    height: 170px;
    padding: 10px;
    z-index: 1010;
    visibility: hidden;
}

.captchaLayer {
    border: 1px solid rgb(0, 51, 102);
    padding: 3px;
    background: #FFF;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    position: absolute;
    top: 98px;
    left: 10px;
    width: 390px;
    height: 250px;
    padding: 10px;
    z-index: 1002;
    visibility: hidden;
}

.searchLayer {
    border: 1px solid #A2A2A2;
    padding: 3px;
    background: #FFF;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    position: absolute;
    top: 150px;
    right: 10px;
    width: 300px;
    height: 120px;
    padding: 10px;
    z-index: 1002;
    visibility: hidden;
}

/* SECTION FOR GENERAL CLASSES */
.height-32 {
    height: 32px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-right-5 {
    margin-right: 5px;
}

.padding-Right-20 {
    padding-right: 20px;
}

.width-120 {
    width: 120px;
}

.width-177 {
    width: 177px;
}

.width-186 {
    width: 186px;
}

.width-200 {
    width: 200px;
}

/* new top menu */
.secondarymenu {
    border: solid 1px #CCC;
}

.newmenu table tr td .secondarymenu td {
    border-bottom: solid 1px #CCC;
    border-collapse: collapse;
    padding: 5px;
    text-align: left;
}

.secondarymenu td {
    border-bottom: solid 1px #CCC;
    border-collapse: collapse;
    padding: 5px;
    text-align: left;
}

    .secondarymenu td a {
        text-decoration: none;
        color: #333;
        font-weight: bold;
    }

        .secondarymenu td a:hover {
            color: #ccc;
        }

.scndmenuopen {
    border: solid 1px #CCC;
    background: #FFF;
    padding: 0px;
    margin-top: 3px;
}

.newmenu {
    background: #FFF url(../images/lines.png) repeat-x;
    background-position: 0 20px;
}

    .newmenu table tr td a {
        color: #444;
        text-decoration: none;
        display: block;
        outline: none;
    }

    .newmenu table tr td {
        vertical-align: top;
        width: 90px;
        text-align: center;
    }

        .newmenu table tr td a:hover {
            color: #ccc;
        }

.searchlbl {
    color: #777777;
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    font-size: 15px;
    font-weight: bold;
}

/* top */
.header {
    background-color: #002B54;
    background-image: url(../images/bg_top.gif);
    background-position: top;
    background-repeat: repeat-x;
    padding-bottom: 5px;
    height: 70px; /* height is equal to logo image height */
}

.newheader {
    background-color: #002B54;
    background-image: url(../images/body_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    padding-bottom: 5px;
    height: 70px; /* height is equal to logo image height */
}

.toplnks {
    padding-top: 2px;
    margin: 0;
    height: 22px;
}

html > body .toplnks {
    padding-top: 3px;
}

.qsearch {
    background-color: #ffffff;
    border-top: solid 1px #ffffff;
}

A.lnk {
    text-decoration: none;
    background-color: #FFF;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #336699;
    padding: 3px 6px 3px 6px;
}

A:hover.lnk {
    color: #ffffff;
    font: bold 12px Arial, Helvetica, sans-serif;
    background-color: #002B54;
}

html > body A.lnk {
    margin-top: 10px;
}

#aSetup {
    background-image: url(../images/setup_ico.png);
    background-repeat: no-repeat;
    padding-left: 19px;
    margin-left: 5px;
    color: #a836c2;
}

#aProductFavorites {
    background: url(../images/view_fav.png) no-repeat 0 0px;
    padding: 3px 0 3px 20px;
    margin-left: 5px;
    color: #a836c2;
}

#customerportal {
    background: url(../images/custportal_ico.png) no-repeat 0 2px;
    padding: 3px 0 0 20px;
    margin-left: 5px;
    color: #3399CC;
}

.gs_head {
    position: absolute;
    width: 145px;
    top: 25px;
    right: 0px;
    background: #FFF;
    border: solid 1px #cfcfcf;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    padding: 5px 10px;
}

    .gs_head a {
        color: #1b6ab2;
        background: url(../images/gstarted.png) no-repeat 0 2px;
        padding: 3px 0 0 20px;
        font-weight: bold;
    }

.favvideotut_head {
    float: right;
    margin-right: 5px;
    margin-top: -35px;
    width: 145px;
    top: 25px;
    right: 0px;
    background: #fff;
    border: solid 1px #517ca8;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
}

    .favvideotut_head a {
        color: #1b6ab2;
        background: url(../images/gstarted.png) no-repeat 0 2px;
        padding: 3px 0 0 20px;
        font-weight: bold;
    }

.effdate {
    font-weight: bold;
    margin-top: 3px;
    padding-left: 4px;
    padding-right: 4px;
    color: #990000;
}

.topline {
    border-top: 2px #E6E9F0 solid;
    padding-top: 0px;
    margin-top: 0px;
}

.bottomline {
    border-bottom: 2px #E6E9F0 solid;
    padding-top: 0px;
    margin-top: 0px;
}

.bv_showcase .bv_showcaseTop {
    height: 105px;
}

.bv_modal .bv_widget.bv_showcase {
    height: 300px;
}

/* --- PropMain --- */
a.propmainButton {
    border: 1px solid #006699;
    background: #FFFFFF;
    color: #006699;
    font: bold 11px Arial, Tahoma;
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 3px 8px;
    margin: 5px 2px;
    line-height: 10px;
    width: 120px;
    line-height: 13px;
}

    a.propmainButton:hover {
        border: 1px solid #3399CC;
        background-color: #006699;
        color: White;
    }

#propmain {
    text-align: center;
    width: 100%;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center 50%;
    background-color: #ffffff;
    height: 320px;
}

#propcent {
    position: relative;
    width: 600px;
    height: 320px;
    margin: 50px auto;
}

a.propcat {
    float: left;
    color: #333;
    display: block;
    width: 250px;
    text-decoration: none;
    font: bold 14px Tahoma, Verdana, Arial;
    padding: 52px 5px 5px 5px;
    text-align: center;
    background-image: url(../images/hp_newproject.png);
    background-repeat: no-repeat;
    background-position: center top;
    border-left: solid 1px #fff;
    margin: 15px 0px;
}

    a.propcat:hover {
        color: #888;
        background-image: url(../images/hp_newproject.png);
        background-repeat: no-repeat;
    }

a.propquot {
    float: left;
    color: #333;
    display: block;
    width: 250px;
    text-decoration: none;
    font: bold 14px Tahoma, Verdana, Arial;
    padding: 52px 5px 5px 5px;
    text-align: center;
    background-image: url(../images/hp_loadexisting.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 15px 0px;
}

    a.propquot:hover {
        color: #888;
        background-image: url(../images/hp_loadexisting.png);
        background-repeat: no-repeat;
    }

a.propbulk {
    float: left;
    color: #333;
    display: block;
    width: 250px;
    text-decoration: none;
    font: bold 14px Tahoma, Verdana, Arial;
    padding: 52px 5px 5px 5px;
    text-align: center;
    background-image: url(../images/hp_bulkvalidation.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 15px 0px;
}

    a.propbulk:hover {
        color: #888;
        background-image: url(../images/hp_bulkvalidation.png);
        background-repeat: no-repeat;
    }

a.propsync {
    float: left;
    color: #333;
    display: block;
    width: 250px;
    text-decoration: none;
    font: bold 14px Tahoma, Verdana, Arial;
    padding: 52px 5px 5px 5px;
    text-align: center;
    background-image: url(../images/hp_crossreference.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 15px 0px;
}

    a.propsync:hover {
        color: #888;
        background-image: url(../images/hp_crossreference.png);
        background-repeat: no-repeat;
    }

/* ---- breadcrumbs ---- */
A.bcrumblnk {
    color: #336699;
    font: normal 11px Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

A:hover.bcrumblnk {
    color: #FF3300;
}

.bcrumb {
    color: #336699;
    font: normal 11px Arial, Helvetica, sans-serif;
    padding-left: 3px;
    padding-right: 3px;
}

/* ---- configurator ---- */
.wcfgtitle {
    color: #4B59AA;
    font: bold 13px Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    margin-top: 8px;
    padding-left: 5px;
}

.configurator {
    border: 1px solid #336699;
    border-width: 0 1px 1px 1px;
    padding: 0 5px; /*border-top : 4px solid #E5E5E5;*/
}

.responder {
    border: 0px solid #336699;
    padding: 0 0 0 5px; /*border-top : 4px solid #E5E5E5;*/
}

.absResponder {
    width: 200px;
    border: solid 1px #336699;
}

table.absgrid {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

    table.absgrid td, table.absgrid th {
        border: none;
        border: 1px solid #ccc;
        padding: 2px;
    }

    table.absgrid th {
        font-size: 80%;
        font-weight: bold;
        color: #777;
    }

table.attrtable {
    margin-top: 5px;
    border: 1px solid #ccc;
    border-collapse: collapse;
}

    table.attrtable td, table.attrtable th {
        border: none;
        border: 1px solid #ccc;
        padding: 2px 5px;
    }

    table.attrtable th {
        background: #F5F5F5;
        font-weight: bold;
    }

/* ----new configurator ---- */

/* SMB2 */
.SMB2title_1 {

}

.SMB2title_1, .SMB2title_2, .SMB2title_3, .SMB2title_4, .SMB2title_5, .SMB2title_6, .SMB2title_7 {
    font: bold 1.5em "Trebuchet MS", Arial, Sans-Serif, helvetica;
    padding: 10px 0 10px 52px;
    margin: 0;
    color: #444;
}

.SMB2title_1 {
    background: #fff url(../images/customimages/processor.png) no-repeat 2px;
}

.SMB2title_2 {
    background: #fff url(../images/customimages/memory.png) no-repeat 2px;
}

.SMB2title_3 {
    background: #fff url(../images/customimages/hdd.png) no-repeat 2px;
}

.SMB2title_4 {
    background: #fff url(../images/customimages/dvd.png) no-repeat 2px;
}

.SMB2title_5 {
    background: #fff url(../images/customimages/service.png) no-repeat 2px;
}

.SMB2title_6 {
    background: #fff url(../images/customimages/additional.png) no-repeat 2px;
}

.SMB2title_7 {
    background: #fff url(../images/customimages/windows.png) no-repeat 2px;
}

.smbmaintitle {
    font: bold 1.7em "Trebuchet MS", Arial, Sans-Serif, helvetica;
    padding: 5px 0;
    margin: 0;
    color: #01aabb;
    text-shadow: 1px 1px 1px #888;
}

a.smbaskexpert {
    color: #006699;
    background: url(../images/customimages/buttonbar.png) no-repeat;
    padding-top: 6px;
    font-weight: bold;
    text-align: center;
    width: 186px;
    height: 27px;
    display: block;
    float: right;
    text-decoration: none;
    font-size: 12px;
    text-shadow: 1px 1px 1px #fff;
}

a:hover.smbaskexpert {
    color: #444;
}

.smbrrespframe {
    border: solid 1px #979797;
    padding: 6px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.smbborder {
    border-bottom: solid 2px #CFCFCF;
    padding-bottom: 10px;
}

.attrselected {
    border: solid 1px #f5dc75;
    background: #fff4c7;
}

.attrnormal {
    border-bottom: dashed 1px #ddd;
}

.incompleteF {
    border: solid 1px Red;
}

.SMBincomplete {
    text-align: left;
    color: #ff3300;
    font-weight: bold;
}

    .SMBincomplete a {
        color: #ff3300;
        font-weight: bold;
    }

.SMBcomplete {
    text-align: left;
    color: #009999;
    font-weight: bold;
}

.smbresp, .smbtotal {
    text-align: center;
    padding-left: 6px;
}

    .smbresp table {
        width: 97%;
        margin-top: 10px;
        text-align: left;
    }

        .smbresp table th {
            font-weight: bold;
            color: #444;
            border-bottom: solid 1px #8F8F8F;
            font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif, helvetica;
            text-align: left;
        }

        .smbresp table td {
            font-weight: bold;
            color: #666;
            border-bottom: solid 1px #8F8F8F;
            padding-top: 5px;
        }

        .smbresp table b {
            color: #0099cc;
            font-size: 1.1em;
        }

    .smbtotal table {
        width: 97%;
        margin-top: 20px;
        text-align: left;
    }

        .smbtotal table th {
            font-weight: bold;
            color: #0099cc;
            font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif, helvetica;
        }

        .smbtotal table td {
            color: #0099cc;
            font-weight: bold;
            font-size: 1.1em;
        }


ul.smbimagebutton {
    padding: 0;
    margin: 0;
}

    ul.smbimagebutton li {
        display: block;
        width: 125px;
        float: left;
        list-style-type: none;
        padding-right: 20px;
        text-align: center;
    }

        ul.smbimagebutton li a {
            color: #888;
            font-size: 1em;
            text-decoration: none;
        }

            ul.smbimagebutton li a:hover {
                color: #444;
            }

.smbtab2labela {
    font: bold 1.1em "Trebuchet MS", Arial, Sans-Serif, helvetica;
    vertical-align: top;
}

    .smbtab2labela.regularColor {
        color: #444;
    }

.resetbutt2 {
    color: #0099cc;
    font: bold 1em 'Trebuchet MS',Arial,helvetica,Verdana;
}

.nrc {
    color: #66ccff;
}

.mrc {
    color: #006699;
}

.placeholder {
    height: 60px;
}

.smbrespnote {
    padding: 40px 0;
    color: #6F6F6F;
    border: solid 6px #fff;
    border-bottom-width: 0;
    background: #fff url(../images/customimages/respnotebg.png);
    font: bold 1.1em Verdana, Arial, Sans-Serif, helvetica;
    margin: 0;
    text-align: center;
}

a.next {
    color: #fff;
    background: url(../images/customimages/next.png) no-repeat;
    padding-top: 9px;
    font-weight: bold;
    text-align: center;
    width: 127px;
    height: 34px;
    display: block;
    text-decoration: none;
    font-size: 14px;
}

a:hover.next {
    color: #d1d1d1;
}

.modulenote {
    color: #565656;
    padding: 10px 5px;
}

.moduleprice {
    width: 85px;
    text-align: center;
    font-family: "Trebuchet MS", Arial, Sans-Serif, helvetica;
}

    .moduleprice strong {
        display: block;
        color: #6c3611;
        font-size: 1.2em;
    }

    .moduleprice b {
        display: block;
        color: #d56f2c;
        font-size: 1.4em;
    }

    .moduleprice span {
        display: block;
        color: #6c3611;
        font-size: 0.9em;
    }

ul.radiobuttons {
    padding: 0;
    margin: 5px 0;
}

    ul.radiobuttons li {
        display: block;
        list-style-type: none;
        float: left;
        width: 65px;
        text-align: center;
    }

        ul.radiobuttons li label {
            color: #6C3611;
            font-weight: bold;
        }

a.wbutt {
    color: #fff;
    background: url(../images/customimages/wbutton.png) no-repeat;
    padding-top: 9px;
    font-weight: bold;
    text-align: center;
    width: 187px;
    height: 34px;
    display: block;
    float: left;
    text-decoration: none;
    font-size: 14px;
}

    a.wbutt span {
        background: url(../images/customimages/arrowright.png) no-repeat 160px 0px;
        text-indent: 1px;
        display: block;
    }

a:hover.wbutt {
    color: #d1d1d1;
}

a.wbutt2 {
    color: #fff;
    background: url(../images/customimages/wbutton1.png) no-repeat;
    padding-top: 9px;
    font-weight: bold;
    text-align: center;
    width: 187px;
    height: 34px;
    display: block;
    float: left;
    text-decoration: none;
    font-size: 14px;
}

    a.wbutt2 span {
        background: url(../images/customimages/startover.png) no-repeat 10px 0px;
        text-indent: 1px;
        display: block;
    }

a:hover.wbutt2 {
    color: #d1d1d1;
}

ul.conf_checkbox {
    padding: 0;
    margin: 0;
}

    ul.conf_checkbox li {
        list-style-type: none;
        padding-bottom: 5px;
        overflow: auto;
    }

        ul.conf_checkbox li input {
            display: block;
            float: left;
            width: 5%;
            text-align: right;
        }

        ul.conf_checkbox li label {
            display: block;
            float: left;
            margin-left: 5px;
            width: 89%;
            padding-top: 2px;
        }

.incompleteF {
    border: solid 1px Red;
}

.SMB2warning {
    background: #fff url(../images/customimages/warning16.png) no-repeat left 7px;
    font: bold 0.9em "Trebuchet MS", Arial, Sans-Serif, helvetica;
    padding: 5px 10px 5px 25px;
    margin: 0;
    color: #4f4f4f;
}

.paynote {
    display: block;
    text-align: center;
    font-size: 90%;
    color: #444;
    border: 1px solid #FFEEAC;
    font-weight: normal;
    padding: 8px;
    margin: 5px;
    background-color: #FFFFE0;
    color: #242424;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .paynote span {
        font-weight: bold;
    }

.app_desc h3 {
    color: #232323;
    font: normal bold 2.2em 'Trebuchet MS',Tahoma, Arial, Helvetica, sans-serif;
    padding: 10px 20px;
}

.app_desc p {
    color: #333;
    padding: 0 30px 30px 20px;
    font: normal 1.2em 'Trebuchet MS',Tahoma, Arial, Helvetica, sans-serif;
}

.app_desc a {
    color: #ff6c00;
    font-weight: bold;
    padding-right: 20px;
    background: transparent url(../images/customimages/hd_arrow.png) no-repeat right;
    text-decoration: none;
}

    .app_desc a:hover {
        color: #888;
        text-decoration: underline;
    }

.app_desc {
    float: left;
    width: 518px;
}

.app_prods {
    float: left;
    width: 280px;
    text-align: right;
}

.app_frame {
    width: 800px;
    height: 450px;
    border: solid 1px #999;
    background: #eee url(../images/customimages/app_bgrnd.jpg) no-repeat top center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.app_prodframe {
    width: 250px;
    border: solid 1px #bdbdbd;
    font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Tahoma, Arial, Helvetica, sans-serif;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    margin: 10px;
    text-align: left;
}

    .app_prodframe h3 {
        color: #232323;
        font-size: 1.2em;
        margin: 2px 0;
    }

    .app_prodframe p {
        color: #666;
        padding: 2px 0;
        font-size: 0.9em;
        margin: 0;
        font-weight: normal;
    }

        .app_prodframe p span {
            color: #fe7201;
            font-weight: bold;
        }

        .app_prodframe p label {
        }

.app_catframe {
    height: 100px;
    margin-top: 350px;
    background: #777 url(../images/customimages/app_catbgrnd.jpg) no-repeat top center;
}

.app_cat {
    float: left;
    width: 33%;
    margin-top: 10px;
    margin-bottom: 15px;
}

    .app_cat h3 a {
        color: #fff;
        font-size: 1.2em;
        font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    }

    .app_cat h3 {
        margin: 10px 0 3px 0;
    }

    .app_cat p {
        color: #f5f5f5;
        margin: 2px 0;
    }

.configDiv table tr td {
    border-bottom: solid 1px #eee;
}

    .configDiv table tr td table tr td {
        border-bottom-color: #fff;
    }

.configurator {
    border-color: #979797;
}

/* ---- configurator tabs ---- */
.configTabsDiv {
    padding: 0;
    margin: 0;
}

.cf_frame {
    text-align: left; /*height: 30px;*/
    padding: 0;
    margin: 0;
}

.cftab {
    padding: 3px 0;
    margin: 0;
    font: bold 12px Verdana;
    border-bottom: 1px solid #979797; /*same color as configurator border*/
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

    .cftab li {
        display: inline;
        margin: 0;
    }

    html > body .cftab li {
        display: inline;
        position: relative;
        top: 0px;
    }

        .cftab li a {
            text-decoration: none;
            padding: 2px 9px 3px 9px;
            margin-right: 3px;
            border: 1px solid #C0C0C0;
            border-bottom: none;
            background-color: #DDDDDD;
            color: #4B4B4B;
            background-image: url(../images/tab_bg.gif);
            background-repeat: repeat-x;
            white-space: nowrap;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
        }

            .cftab li a:hover {
                color: #6699CC;
            }

            .cftab li a:active {
                color: #006699;
            }

        .cftab li.selected a {
            /*selected tab*/
            position: relative;
            top: 1px;
            padding-top: 4px;
            border: 1px solid #979797; /*same color as configurator border*/
            border-bottom: none;
            background-color: #FFFFFF;
            background-image: none;
            color: #006699;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
        }

        .cftab li.cfdef {
            /*default tab selection*/
            position: relative;
            top: -23px;
            padding-top: 0px;
            border: 0px solid #fff;
            border-bottom: none;
            background-color: transparent;
            background-image: none;
            color: #006699;
            float: right;
            font: normal 11px Verdana;
        }

.cftab_multiusers {
    padding: 3px 0;
    margin: 0;
    font: bold 12px Verdana;
    border-bottom: 1px solid #336699; /*same color as configurator border*/
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

    .cftab_multiusers li {
        display: inline;
        margin: 0;
    }

    html > body .cftab_multiusers li {
        display: inline;
        top: 0px;
    }

        .cftab_multiusers li a {
            background-color: #DDDDDD;
            background-repeat: repeat-x;
            border-color: #C0C0C0 #C0C0C0 -moz-use-text-color;
            border-image: none;
            border-style: solid solid none;
            border-width: 1px 1px medium;
            color: #4B4B4B;
            margin-right: 3px;
            padding: 2px 9px 3px;
            text-decoration: none;
            white-space: nowrap;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
        }

            .cftab_multiusers li a:visited {
                color: #4B4B4B;
            }

            .cftab_multiusers li a:hover {
                color: #6699CC;
            }

            .cftab_multiusers li a:active {
                color: black;
            }

        .cftab_multiusers li.selected a {
            /*selected tab*/
            top: 1px;
            padding-top: 4px;
            border: 1px solid #336699; /*same color as configurator border*/
            border-bottom: none;
            background-color: #FFFFFF;
            background-image: none;
            color: #006699;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
        }

        .cftab_multiusers li.cfdef {
            /*default tab selection*/
            top: -23px;
            padding-top: 0px;
            border: 0px solid #fff;
            border-bottom: none;
            background-color: transparent;
            background-image: none;
            color: #666;
            float: right;
            font: normal 11px Verdana;
        }

/* ---- configurator middle area ---- */
.inputlabela {
    color: #000000;
    background-color: #E6E6E6;
    padding-left: 4px;
}

.inputborder {
    border: solid 1px #E6E6E6;
    border-width: 0 1px 1px 1px;
}

.inputforma {
    border: 1px solid #003366;
}

.radiolabela {
    color: #336699;
    background-color: #F3F3F3;
}

.radioinput {
    border: 1px solid #003366;
}

.optionlabela {
    color: #003366;
    background-color: #F3F3F3;
}

.optionselect {
    color: #CC3300;
    background-color: #F3F3F3;
}

.addingprod {
    padding: 5px;
}

    .addingprod ul {
        padding: 5px 10px;
    }

    .addingprod li {
        margin: 5px 0;
        border-bottom: dashed 1px #777;
        list-style-type: none;
    }

        .addingprod li a {
            font-weight: bold;
            font-size: 1.2em;
            display: block;
            padding: 5px 5px 5px 24px;
            background: #fff url(../images/addprodcont.png) no-repeat 2px;
        }

            .addingprod li a:hover {
                background: #EFEFEF url(../images/addprodcont.png) no-repeat 2px;
            }

.attrdesc {
    color: #333;
    display: inline;
    font-size: 95%;
}

.attrprice {
    color: #FF8C00;
    display: inline;
}

.attrborder td {
    border-bottom: solid 1px #ccc;
    padding: 5px 0px;
}

.attrborder {
    border-bottom: solid 1px #ccc;
    padding: 5px 0px;
}

/* ---- responder ---- */
.respframe {
    border: 1px solid #5497B9;
}

.resptitlebg {
    background: #5497B9;
}

.resptitle {
    color: white;
    font-weight: bolder;
    background: #6699CC;
    padding-left: 3px;
}

.resptitleNot {
    color: white;
    font-weight: bolder;
    background: #ff3300;
    padding-left: 3px;
    border: 1px #FFFFFF solid;
}

.resptotal {
    background-color: #003366;
    color: White;
    padding: 4px;
    text-align: left;
}

.respbordert {
    border-top: 1px solid #5497B9;
}

.respborderb {
    border-bottom: 1px solid #5497B9;
}

.respselect {
    border-top: 1px dashed #7E7E7E;
    padding-top: 5px;
    margin-top: 5px;
}

.respcell {
    border: 1px solid #ffffff;
    text-align: left;
    padding: 3px 2px;
}

.r1 {
    font-weight: bold;
    border-bottom: dashed 1px #D1D1D1;
    padding: 1px;
}

.r2 {
    float: right;
    border-bottom: dashed 1px #D1D1D1;
    padding: 1px;
    text-align: right;
}

a.configAButton {
    text-align: center;
    background: #FFF;
    padding: 5px 0px;
    color: #F77000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #F77000;
    width: auto;
}

    a.configAButton:hover {
        color: #444;
    }

a#lnkBtnCompare {
    background: #EDEDED;
    color: #FE7201;
}

    a#lnkBtnCompare:hover {
        color: #444;
    }

a.step {
    border: 1px solid #DDDDDD;
    background: #3399CC;
    color: #FFFFFF;
    font: bold 11px Arial, Tahoma;
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 3px;
    margin: 5px 2px;
    line-height: 10px;
}

    a.step:hover {
        border: 1px solid #3399CC;
        background-color: #fff;
        color: #3399CC;
    }

.subprodconf {
    padding: 3px;
    border: solid 1px #CCCCCC;
    background-color: #FBFBDC;
    margin: 0 2px;
}

td.incomplete {
    background-color: #ff6600;
    color: #ffffff;
    padding: 4px 2px;
    font-weight: bold;
}

td.incompleteNewConfig {
    color: #ff0000;
    vertical-align: top;
}

td.incomplete a {
    color: #ffffff;
}

.configDiv table tr td table tr td.incompleteAttrNewConfig {
    border: solid 1px #ff0000;
}

.cftab li a.incomplete {
    color: #ff6600;
}

.incompleteBorder {
    border: solid 1px #ff6600;
}

table.attributeContainer tr.cntrHeader td.incomplete {
    border-top: solid 1px #ff6600;
    border-right: solid 1px #ff6600;
    border-left: solid 1px #ff6600;
    background-color: #ff6600;
}

table.attributeContainer td.incompleteSelectorMiddleCell {
    border-left: solid 2px #ff6600;
    border-right: solid 2px #ff6600;
}

table.attributeContainer td.incompleteSelectorBottomCell {
    border-right: solid 2px #ff6600;
    border-bottom: solid 2px #ff6600;
    border-left: solid 2px #ff6600;
}

table.newDefConfigContainer th.incompleteHeader {
    border: solid 1px #ff0000;
}

table.newDefConfigContainer th.incompleteHeaderSel {
    border-top: solid 1px #ff0000;
    border-right: solid 1px #ff0000;
    border-left: solid 1px #ff0000;
}

table.newDefConfigContainer td.incompleteSelectorMiddleCell {
    border-left: solid 1px #ff0000;
    border-right: solid 1px #ff0000;
}

table.newDefConfigContainer td.incompleteSelectorBottomCell {
    border-right: solid 1px #ff0000;
    border-bottom: solid 1px #ff0000;
    border-left: solid 1px #ff0000;
}

table.newDefConfigContainer {
    border: solid 2px #ccc;
}

    table.newDefConfigContainer th,
    table.newDefConfigContainer tbody tr td,
    table.newDefConfigContainer tfoot tr td {
        border: solid 1px #ccc;
        padding: 2px;
    }

    table.newDefConfigContainer th {
        color: #444;
    }

    table.newDefConfigContainer tbody tr td table tr td {
        border: 0;
    }

.complete {
    background-color: #003366;
    color: White;
    font-weight: bold;
    padding: 3px;
    text-align: center;
}

/* ---- loadquote ---- */
INPUT.button, .button {
    color: White;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: #FE7201;
    color: #fff;
    text-align: center;
    padding: 2px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.quotetable {
    border-bottom: 1px #004785 solid;
}

.quotheader {
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 5px;
}

TR.quoteTableHeader {
    background: #336699;
}

TR.quoteTableRow {
    background: #EEEEEE;
}

TR.quoteTableRow0 {
    background-color: #FAFAFA;
}

TR.quoteTableRow1 {
    background-color: #ECECEC;
}

.quotheader_b {
    color: #6689C2;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px #6689C2 solid;
}

.quotecell_b {
    font-size: 11px;
    background: #FFFFFF;
    padding-left: 5px;
    padding-top: 5px;
    border-left: 1px #cbcbcb dashed;
}

A.srchlnk {
    font: normal x-small Arial, Helvetica, sans-serif;
    padding: 0px 4px 2px 4px;
    color: #003399;
    text-decoration: underline;
}

A:hover.srchlnk {
    color: #9D0F20;
}

.searchTablediv {
    width: 240px;
    height: 350px;
    background-color: #FFFFFF;
    overflow: auto;
    position: absolute;
    right: 100px;
    left: 100px;
    top: 190px;
    border-top: 1px #FFFFFF solid;
}

.searchTable {
    border: 1px #004785 solid;
}

.searchdrag {
    color: #FFFFFF;
}

.searchHeader {
    color: #FFFFFF;
    background-color: #336699;
}

.searchRow {
    background-color: #DEE2E8;
    border-bottom: 1px #ffffff solid;
}

.autocomplete_attribute {
    border: 1px solid #c9c9c9;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    padding: 5px 2px 4px 5px;
    float: left;
    color: rgb(200, 200, 200);
    pointer-events: visible;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.conf_container .autocomplete_attribute {
    max-width: 400px;
    min-width: 100px;
    width: 90%;
    margin: 5px;
}

.cntrRow .autocomplete_attribute {
    max-width: 400px;
    min-width: 100px;
    width: 90%;
    margin: 5px;
}

.iks {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
    margin: 2px;
    border: 1px #ffffff solid;
    padding-left: 2px;
    padding-right: 2px;
}

.filterclosed {
    width: 27px;
    height: 83px;
    background-image: url(../../../Resources/images/quot/closed.gif);
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
}

.filteropened {
    width: 27px;
    height: 83px;
    background-image: url(../../../Resources/images/quot/open.gif);
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
}

/* new design */
.lq_width {
    margin: 5px 1%;
}

.lquotetable {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    border: 1px solid #AFAFAF;
    border-collapse: collapse;
    background: #fff;
}

    .lquotetable td, .lquotetable th {
        border: none;
        border: 1px solid #AFAFAF;
    }

    .lquotetable td {
        padding: 2px 3px;
        color: #616161;
    }

    .lquotetable th table, .lquotetable th table td {
        border-width: 0;
    }

        .lquotetable th table td {
            color: #222;
        }

    .lquotetable td a {
        color: #fe7201;
    }

    .lquotetable th {
        color: #222;
        font-size: 1em;
        font-weight: bold;
        background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom;
        padding: 3px;
    }

tr.quoteTableRow0 {
    background-color: #FFFFFF;
}

tr.quoteTableRow1 {
    background-color: #fafafa;
}

.filter {
    width: 27px;
    height: 83px;
    background-image: url(../../../Resources/images/quot/new_closed.png);
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
}

.lg_pageing {
    padding: 5px;
}

    .lg_pageing tbody tr td a {
        color: #fe7201;
    }

    .lg_pageing tbody tr td strong {
        color: #222;
    }

.new_lqtab {
    padding: 0;
    margin: 0;
    font: bold 12px Verdana;
    border-bottom: 1px solid #555;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the menu as desired*/
    (-bracket-:hack;
        padding: 4px;
    );
}

    .new_lqtab li {
        display: inline;
        margin: 0;
        white-space: nowrap;
    }

        .new_lqtab li a {
            text-decoration: none;
            color: #fe7201;
            padding: 3px 9px 5px 9px;
            margin-right: 3px;
            border: 1px solid #AFAFAF;
            border-bottom: none;
            background: #DDDDDD url(../images/tab_bg.gif) repeat-x;
            white-space: nowrap;
            -webkit-border-radius: 5px 5px 0 0;
            -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
        }

            .new_lqtab li a:visited {
                color: #fe7201;
            }

            .new_lqtab li a:hover {
                color: #555;
            }

            .new_lqtab li a:active {
                color: #222;
            }

        .new_lqtab li.new_selected a {
            /*selected tab effect*/
            position: relative;
            top: 1px;
            padding-top: 4px;
            border: 1px solid #555;
            border-bottom: none;
            background-color: #FFFFFF;
            background-image: none;
            color: #555;
        }

li.new_lqdef {
    /*default tab selection*/
    padding-top: 0px;
    border: 0px solid #fff;
    border-bottom: none;
    background-color: transparent;
    background-image: none;
    color: #666;
    position: relative;
    right: 0;
    font: normal 11px Verdana;
}

/* ---- product catalog ---- */

/* - tree nav - */
.tree {
}

    .tree a {
        color: #336699;
        font-weight: bold;
    }

        .tree a.selected {
            background-color: #336699;
            color: #ffffff;
            font-weight: bold;
        }

.scrolldiv {
    overflow: hidden;
    height: 570px;
    border-right: solid 1px #eee;
}

.resizingImage {
    padding: 0px;
    border-style: solid;
    border-width: 3px;
    border-color: #B4D35D;
}

.handleImage {
    width: 15px;
    height: 16px;
    background-image: url(../images/HandleHand.png);
    overflow: hidden;
    cursor: se-resize;
}

a.scrllnk {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    background-color: #eeeeee;
    color: #333;
    border-right: solid 1px #eee;
}

/* - left slider - */
.catfloat {
    padding: 0;
}

    .catfloat table {
        background: #fff;
        font-family: "Trebuchet MS", Tahoma, Arial, Serif;
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

        .catfloat table td {
            padding: 2px 5px;
            color: #616161;
            text-align: center;
        }

        .catfloat table th a {
            color: #fe7201;
        }

            .catfloat table th a:hover {
                color: #444;
            }

        .catfloat table th {
            color: #fe7201;
            padding: 5px;
            text-align: center;
        }

            .catfloat table th h3 {
                color: #fe7201;
                font-size: 1.1em;
                text-align: center;
                margin: 3px 0;
            }

        .catfloat table td, .catfloat table th {
            border: none;
            border: 1px solid #ccc;
        }

        .catfloat table th {
            font-weight: bold;
        }

            .catfloat table th table, .catfloat table th table td {
                border-width: 0;
            }

table.pageview {
    border: solid 1px #ccc;
    font-weight: bold;
    width: 130px;
    background-color: #fff;
}

    table.pageview td {
        padding: 3px;
    }

    table.pageview th {
        background: #ccc;
        color: #fff;
        text-align: left;
        font-weight: bold;
    }

/*--- pager style ---*/
a.pager-number {
    color: #E6A645;
    text-decoration: none;
}

    a.pager-number strong {
        color: orange;
        text-decoration: none;
    }

#lnkBtnNext {
    background: #fff url(../images/nextPage.png) no-repeat;
    height: 15px;
    width: 18px;
    vertical-align: middle;
    border: none;
}

#lnkBtnPrevious {
    background: #fff url(../images/prevPage.png) no-repeat;
    height: 15px;
    width: 18px;
    vertical-align: middle;
    border: none;
}

#lnkBtnFirst {
    background: #fff url(../images/firstPage.png) no-repeat;
    height: 15px;
    width: 18px;
    vertical-align: middle;
    margin-left: 5px;
    border: none;
}

#lnkBtnLast {
    background: #fff url(../images/lastPage.png) no-repeat;
    height: 15px;
    width: 18px;
    vertical-align: middle;
    margin-right: 5px;
    border: none;
}

/* --- category --- */
A.cat {
    color: #003366;
    font: normal bold 12px Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

A:hover.cat {
    color: #777;
}

.catbg {
    background-color: #EDEDED;
    padding: 2px 4px 2px 6px;
}

.catborder {
    border: 1px solid #EDEDED;
}

.catdesc {
    font: normal x-small Arial, Helvetica, sans-serif;
    padding-left: 10px;
    color: #333333;
}

a.subcattitle:link, a.subcattitle:visited {
    color: #336699;
    font: normal bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    width: 90%;
}

a.subcattitle:hover {
    color: #FF3300;
}

.subcatdesc {
    color: #003366;
    font: bold 12px Arial, Helvetica, sans-serif;
}

.subcatframe {
    /*background-color : #F5F5F5;*/
    border: 1px solid #FFFFFF;
    padding: 5px 5px 5px 5px;
}

/* --- product --- */
table.catgrid, td.catgrid {
    border: 1px solid #e9e9e9;
    border-collapse: collapse;
}

table.catgrid {
    border: none;
    border: 1px solid #e9e9e9;
}

td.catgrid {
    padding: 5px;
}

.catgridlast {
    border-right: solid 1px #FFF;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
}

a.prodtitle:link, a.prodtitle:visited, .prodtitle {
    color: #336699;
    font: normal bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a.prodtitle:hover {
    color: #3399cc;
}

.proddesc1 {
    color: #030303;
    font-size: 11px;
}

.proddesc2 {
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #000000;
}

.prodsplit {
    border-bottom: dashed 1px #ccc;
}

.prodframe {
    background-color: #FFFFFF;
    padding: 5px;
    border: solid 1px #ccc;
}

td.price {
    width: 50%;
}

.price table {
    border: solid 1px #e9e9e9;
    font-weight: bold;
    text-align: center;
    width: 90%;
}

    .price table td {
        padding: 3px;
    }

    .price table th {
        background: #e9e9e9;
        color: #003366;
    }

.pricec {
    color: #009933;
}

.pricem {
    color: #003366;
}

.pricei {
    color: #ff3300;
}

td.add {
    width: 50%;
}

.add div {
    padding: 3px 0;
}

.addlnk {
    font: bold 11px arial,helvetica,sans-serif;
    text-decoration: none;
    padding-bottom: 3px;
}

.adddark {
    color: #003366;
}

.addlight {
    color: #006699;
}

a.disabledlink {
    color: #888;
    text-decoration: none;
    font-weight: bold;
    cursor: default;
}

a:hover.disabledlink {
    color: #888;
}

a.prodlnk:link, a.prodlnk:visited {
    color: #336699;
    font: bold 11px arial,helvetica,sans-serif;
    text-decoration: none;
}

a.prodlnk:hover {
    color: #3399cc;
}

.RequiredField {
    color: #F00;
}

a.attrlnk:link, a.attrlnk:visited {
    color: #336699;
    font: bold 11px arial,helvetica,sans-serif;
    text-decoration: none;
    font-size: 95%;
}

a.attrlnk:hover {
    color: #3399cc;
}

td.view {
    text-align: left;
    height: 27px;
    vertical-align: top;
}

.addtoquote_catalogue {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background: #FE7201;
    margin: 2px 0;
    padding: 1px 10px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    font: bold 11px arial,helvetica,sans-serif;
    cursor: pointer;
}

.addtoquote_catalogue_added {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background: #FE7201;
    margin: 2px 0;
    padding: 1px 10px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    font: bold 11px arial,helvetica,sans-serif;
    cursor: pointer;
}

.addtoquote_catalogue:hover {
    color: #333;
}

.addtoquote_disabled {
    color: #888;
    text-decoration: none;
    font: bold 11px arial,helvetica,sans-serif;
    cursor: default;
}

    .addtoquote_disabled:hover {
        color: #888;
    }

a.customize {
    width: 94px;
    height: 25px;
    color: #003366;
    background: #fff url(../images/customize.gif) no-repeat;
    text-decoration: none;
    text-align: center;
    padding-top: 5px;
    display: block;
    font-weight: bold;
    margin: 0 auto;
    font-size: 12px;
}

a:hover.customize {
    color: #3399cc;
}

a.disablecustomize {
    width: 70px;
    height: 25px;
    color: #888;
    background: #fff url(../images/customize.gif) no-repeat;
    text-decoration: none;
    text-align: center;
    padding-top: 5px;
    display: block;
    font-weight: bold;
    margin: 0 auto;
    font-size: 12px;
    cursor: default;
}

a:hover.disablecustomize {
    color: #888;
}

a.listcustomize {
    width: 74px;
    height: 20px;
    color: #003366;
    background: transparent url(../images/listcustomize.png) no-repeat;
    text-decoration: none;
    text-align: center;
    padding-top: 2px;
    display: block;
    font-weight: normal;
    margin: 0 auto;
    font-size: 11px;
}

a:hover.listcustomize {
    color: #3399cc;
}

#compareTable table {
    border-bottom: solid 1px #E8E8E8;
}

    #compareTable table td {
        border-right: dashed 1px #E8E8E8;
    }

    #compareTable table th {
        background-color: #E8E8E8;
        text-align: left;
        font-weight: normal;
        padding: 2px;
    }

#compareTable td.attr {
    border-top: solid 1px #E8E8E8;
}

#compareTable tr.differentValues {
    background-color: #EFEFEF;
}

.cmxform label {
    float: left;
    margin-right: 5px;
    width: 85px;
    padding-top: 3px;
}

.cmxform ol {
    margin: 0;
    padding: 0;
}

.cmxform li {
    list-style: none;
    padding: 2px;
    margin: 0;
}

#screenshot {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 1px;
    display: none;
    color: #fff;
}

/* ---- comparison ---- */
#comparison table {
    border-collapse: collapse;
}

/* ---- shopping cart ---- */
.cqlnk {
    border: 1px solid #9D0F20;
    background: #FFFFFF;
    color: #9D0F20;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

a.cqlnk {
    text-decoration: none;
    padding: 1px 4px;
    display: block;
    width: 70px;
}

a.cartBulkAction {
    border: 1px solid #333366;
    background: #FFFFFF;
    color: #333366;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    text-decoration: none;
    padding: 2px 5px;
    display: block;
    text-align: center;
    margin-top: 3px;
    width: 100px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.cartfont {
    background: #003366;
    color: white;
    font-weight: bold;
    font-size: 13px;
    padding-left: 3px;
}

.cartfontEditable {
    background: #004477;
    color: white;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

.cart_row {
    background: #eeeeee;
}

.cartfont1 {
    color: white;
    font-weight: bold;
    font-size: 12px;
    padding-left: 3px;
}

.cartfont2 {
    background: #EEEEEE;
    font-weight: normal;
    font-size: 12px;
    padding-left: 3px;
}

.cartfont2editable {
    background: #C0C0C0;
    font-weight: normal;
    font-size: 12px;
    padding-left: 3px;
    cursor: pointer;
}

.cartfont2hover:hover {
    background: #DDDDDD;
    font-weight: bold;
    font-size: 12px;
    padding-left: 3px;
}

.cartHeaderbg {
    background: #6699CC;
}

.cartsubhead {
    background-color: #E0E0E0;
    font-weight: bold;
}

.proposalsubtitle {
    font-weight: bold;
    text-align: left;
    color: #444;
    padding-left: 5px;
    margin: 2px 0;
}

.cartTable {
    border: 1px #003366 solid;
}

.cartTotalbg {
    background: #003366;
}

.cartInnerborder {
    border: 1px solid #6699CC;
}

a.cartlnk:link, a.cartlnk:visited {
    color: #336699;
    font: bold 11px arial,helvetica,sans-serif;
    text-decoration: underline;
}

a.cartlnk:hover {
    color: #FF3300;
}

.carttype {
    font: bold 12px arial,helvetica,sans-serif;
    color: #000000;
    text-align: center;
}

.cartsplit {
    border-top: 1px #6699CC solid;
}

.systemsplit {
    width: 3px;
    background: #336699;
}

.sc0 {
    background: #90F;
}

.sc1 {
    background: #F0F;
}

.sc2 {
    background: #C6F;
}

.sc3 {
    background: #F9F;
}

.itemsplit {
    border-bottom: dashed 1px #DEDEDE;
}

.cartedit {
    border-right: solid 1px #7f7f7f;
    border-bottom: solid 1px #7f7f7f;
    border-top: solid 1px #FFF;
    border-left: solid 1px #FFF;
    background-color: #DFDFDF;
    margin: 2px 5px 2px 2px;
    display: block;
    padding: 2px;
    cursor: pointer;
}

.cart_hide {
    padding: 0 2px;
    border: solid 1px #dbe5ee;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
}

.cart_hide2 {
    padding: 0 2px;
    border: solid 1px #000;
    font-size: 10px;
    color: #000;
    text-decoration: none;
}

.active_editable_group {
    border-color: #00FF00;
    border-right: solid 1px #00FF00;
    border-top: solid 1px #00FF00;
    border-left: solid 1px #00FF00;
    border-bottom: solid 1px #00FF00;
}

.edfix {
    min-width: 60px;
}

textarea#CartComment {
    width: 99%;
}

/* proposal-page header containing quote number and bill-to customer info */
div.quoteDocumentHeader {
    padding: 4px 0;
    width: 100%;
    font: bold 14px Verdana;
    color: #4B4B4B;
    text-align: left;
}

    div.quoteDocumentHeader div {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

        div.quoteDocumentHeader div.first {
            margin-right: 0;
            margin-left: 10px;
        }

/* SCParams */
.scTopMessage {
    width: 700px;
    background-color: #fff0f0;
    color: #CC0000;
    padding: 10px;
    border: solid 1px #666666;
    margin: 10px;
}

.scTable {
    width: 650px;
    margin: 0 auto;
}

.scLabel {
    padding-right: 15px;
    font-weight: bold;
    background-color: #EEEEEE;
    text-align: right;
    width: 50%;
}

.scField {
    text-align: left;
    width: 50%;
}

    .scField select {
        width: 325px;
    }


/* --------- tabs ------- */

/*loadquot + cart tabs*/
.lq_frame {
    width: 100%;
    text-align: left;
    height: 30px;
    padding: 0;
}

.cart_frame {
    width: 99%;
    text-align: left;
    height: 30px;
    padding: 0;
    margin: 0 auto;
}

.lqtab {
    padding: 4px 0;
    margin: 0;
    font: bold 12px Verdana;
    border-bottom: 1px solid #4B4B4B;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.lq_frame .lqtab {
    padding: 3px 0;
}

@-moz-document url-prefix() {
    .lq_frame .lqtab {
        padding: 0;
    }
}

.lqtab li {
    display: inline;
    margin: 0;
    white-space: nowrap;
}

    .lqtab li a {
        text-decoration: none;
        padding: 2px 9px 4px 9px;
        margin-right: 3px;
        border: 1px solid #C0C0C0;
        border-bottom: none;
        background-color: #DDDDDD;
        color: #4B4B4B;
        background-image: url(../images/tab_bg.gif);
        background-repeat: repeat-x;
        white-space: nowrap;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

@-moz-document url-prefix() {
    .lq_frame .lqtab li a {
        padding: 2px 9px 5px 9px;
    }
}

.lqtab li a:visited {
    color: #4B4B4B;
}

.lqtab li a:hover {
    color: #6699CC;
}

.lqtab li a:active {
    color: black;
}

.lqtab li.selected a {
    /*selected tab effect*/
    top: 1px;
    padding-top: 4px;
    padding-bottom: 5px;
    border: 1px solid #4B4B4B;
    border-bottom: none;
    background-color: #FFFFFF;
    background-image: none;
    color: #006699;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

@-moz-document url-prefix() {
    .lqtab li.selected a {
        padding-bottom: 6px;
    }
}

li.lqdef {
    /*default tab selection*/
    padding-top: 0px;
    border: 0px solid #fff;
    border-bottom: none;
    background-color: transparent;
    background-image: none;
    color: #666;
    position: relative;
    right: 0;
    font: normal 11px Verdana;
}

/* --- quote tabs when DISPLAY_QUOTE_NUMBER_AND_CUSTOMER_NAME is true --- */
table.quoteInfoAndTabs {
    width: 100%;
    padding: 4px 0 0 0;
    font: bold 12px Verdana;
}

    table.quoteInfoAndTabs td.first, td.third {
        width: 25%;
    }

    table.quoteInfoAndTabs td.second {
        width: 50%;
    }

        table.quoteInfoAndTabs td.second ul {
            list-style-type: none;
            text-align: center;
            padding-left: 0;
            margin-bottom: 0;
        }

            table.quoteInfoAndTabs td.second ul li {
                display: inline-block;
                margin: 0 0 8px 0;
                white-space: nowrap;
                *zoom: 1;
                *display: inline;
            }

                table.quoteInfoAndTabs td.second ul li a {
                    text-decoration: underline;
                    padding: 2px 9px 4px 9px;
                    margin-right: 3px;
                    border-right: 1px solid #373737;
                    color: #373737;
                    white-space: nowrap;
                }

                table.quoteInfoAndTabs td.second ul li.lastItem a {
                    border-right: none;
                }

                table.quoteInfoAndTabs td.second ul li a:visited {
                    color: #373737;
                }

                table.quoteInfoAndTabs td.second ul li a:hover {
                    color: #ccc;
                }

                table.quoteInfoAndTabs td.second ul li a:active {
                    color: #ccc;
                }

                table.quoteInfoAndTabs td.second ul li.selected a {
                    color: #999999;
                    text-decoration: none;
                }

    table.quoteInfoAndTabs td.first div {
        display: inline-block;
        margin-right: 5px;
        color: #373737;
        *zoom: 1;
        *display: inline;
    }

        table.quoteInfoAndTabs td.first div.first,
        table.quoteInfoAndTabs td.first div.quoteInfoLink {
            margin-right: 0;
        }

    table.quoteInfoAndTabs td.first a {
        padding-left: 0;
        text-decoration: underline;
    }

    table.quoteInfoAndTabs td.first div.quoteInfoLink,
    table.quoteInfoAndTabs td.first div.quoteInfoLink a,
    table.quoteInfoAndTabs td.first div.quoteInfoLink a:hover,
    table.quoteInfoAndTabs td.first div.quoteInfoLink a:visited,
    table.quoteInfoAndTabs td.first div.quoteInfoLink a:active {
        color: #FF6C00;
    }

/* ---- user page ---- */
.pghead {
    border-bottom: solid 1px #666;
}

    .pghead th, .pgsubhead {
        color: #666;
        font-size: 16px;
        font-family: 'Trebuchet MS', Arial, Sans-Serif;
        font-weight: bold;
    }

.userdate {
    background-color: #FFFFFF;
    color: #6699CC;
    padding-left: 10px;
    padding-top: 5px;
}

.userborder {
    border-left: 1px dashed #fff;
    padding-left: 30px;
    vertical-align: top;
}

a.userlnk:link {
    color: #336699;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 15px;
    background-image: url(../images/bbulit.png);
    background-repeat: no-repeat;
    background-position: 2px;
}

a.userlnk:visited {
    color: #336699;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 15px;
    background-image: url(../images/bbulit.png);
    background-repeat: no-repeat;
    background-position: 2px;
}

a.userlnk:hover {
    color: #888;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 15px;
    background-image: url(../images/bbulit.png);
    background-repeat: no-repeat;
    background-position: 2px;
}

.user {
    text-align: left;
    margin-left: 40%;
    margin-right: auto;
    font-family: Arial, Helvetica, sans-serif;
}

.usertitle {
    background-color: #fff;
    color: #336699;
    font: bold 1.6em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
}

.usersubtitle {
    background-color: #fff;
    color: #555;
    font: bold 1.2em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
}

.userlist {
}

a.u:link {
    color: #0066CC;
}

a.u:hover {
    color: #FF3300;
}

.dateformat {
    font: 11px Arial, Helvetica, sans-serif;
    background-color: #FFFFCC;
    width: 300px;
}

.passlabela {
    color: #003366;
    background-color: #FFFFCC;
}

.usermenu {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    list-style: none;
}

    .usermenu li {
        padding: 5px 3px;
        border-bottom: solid 1px #ccc;
    }

/* misc */
td.required {
    background-color: #FFD700;
    text-align: right;
    font-weight: bold;
}

td.label2 {
    background-color: #EEEEEE;
    text-align: right;
    padding: 3px 5px;
}

#uploadTable td.label2{
    vertical-align: middle;
}

td.label {
    background-color: #EEEEEE;
}

td.requiredLeft {
    background-color: #FFD700;
    text-align: left;
    font-weight: bold;
}

.HeadTitle {
    font: bold small Arial, Helvetica, sans-serif;
    color: White;
    background-color: #006699;
    width: 100%;
    padding: 3px;
    text-align: left;
}

.revheader {
    color: White;
    background-color: #006699;
    font: bold 11px Arial, Helvetica, sans-serif;
    padding-left: 3px;
}

.revactive {
    background-color: #DFEFFF;
    padding-left: 0px;
}

.revrow {
    padding-left: 0px;
    background-color: #fff;
}

.bottomBorder {
    border-bottom-width: 1px;
    border-bottom-color: black;
    border-bottom-style: solid;
}

.shiptitle {
    background-color: #336699;
    color: #FFFFFF;
    padding-left: 8px;
    font-weight: bold;
}

.shipselect {
    background-color: #e7e7e7;
    padding-left: 5px;
    padding-right: 5px;
}

.shipcopy {
    color: #FF6600;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    background-image: url(../mt/default/images/orange_bulit.gif);
    background-repeat: no-repeat;
    background-position: 10px;
}

.logintxt {
    width: 100%;
    color: #333;
    padding-top: 20px;
    text-align: center;
    margin-top: 10px;
}

.logintable {
    background-color: #FFFFFF !important;
    border: 1px solid #ddd;
    padding: 5px 0;
}

    .logintable ul {
        box-sizing: border-box;
        width: 100%;
    }

        .logintable ul li, .logintable ul li label {
            font-size: 13px;
            box-sizing: border-box;
        }

        .logintable ul li {
            margin: 0 auto;
        }

        .logintable ul .login-input {
            padding: 0.2em;
            box-sizing: border-box;
            width: 100%;
        }

.register-input-container input {
    box-sizing: border-box;
    width: 100%;
}

.additionalbuttons {
    margin: 0 auto;
}

.logintable .btn {
    font-weight: normal;
}

    .logintable ul, .additionalbuttons ul {
        padding: 0;
        background-color: #fff;
        margin: 0;
    }

    .additionalbuttons ul {
        padding-top: 20px;
    }

    .logintable li, .additionalbuttons li {
        list-style-type: none;
        padding: 5px 0;
    }

        .logintable li label {
            display: block;
            color: #333;
            padding: 3px 0;
        }

        .logintable li span:not(.RequiredField) {
            font-size: 14px;
        }

            .logintable li span.loginTableLabel {
                display: block;
                color: #333;
                padding: 3px 0;
                font-weight: bold;
                font-size: 12px;
            }

            .logintable li span.loginTableLabelRequired {
                display: block;
                color: #333;
                padding: 3px 0;
                font-weight: bold;
                font-size: 12px;
            }

        .logintable li input[type="text"], .logintable li input[type="password"] {
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px;
            height: 32px;
            font-size: 15px;
            direction: ltr;
            padding: 0 8px;
            border: 1px solid #D9D9D9;
            border-top: 1px solid silver;
            display: inline-block;
            line-height: 28px;
        }

.lost-password-primary-heading {
    border-bottom: none;
    font-size: 1.5em;
}

.loginlink {
    color: #1281BA;
    padding: 10px 0;
    font-size: 1em;
    outline: 0;
}

.loginlinkFed {
    display: block;
    text-align: center;
    color: #1281BA;
    padding: 10px 0;
    font-size: 1em;
    outline: 0;
}

.loginmsg {
    display: block;
    margin-bottom: 15px;
}

.loginmsg p {
    margin: 0;
    color: #e9730c;
    font-size: 14px;
}

.btn {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #1281BA;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    background-color: #408CD1;
    cursor: pointer;
}

.mainloginbtn .btn {
    font-size: 14px;
    display: block;
    width: 100%;
}

.additionalbuttons {
    margin-top: 7px;
}

.additionalbuttons .btn {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.additionalbuttons .l2m_button .btn {
    display: block;
    width: 81%;
    background-color: #8d589f;
    border: 1px solid #8d589f;
}

.additionalbuttons .sf_button .btn {
    background-color: #0092da;
    border: 1px solid #0092da;
}

.additionalbuttons a {
    text-decoration: none;
}

.logintable li.l2m .btn {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 44px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #00A7E1;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    background-color: #00A7E1;
    cursor: pointer;
    text-decoration: none;
}

.note {
    background-color: #FFFFCE;
    padding-left: 5px;
    padding-right: 5px;
}

.reqgif {
    background-color: #FFD700;
    border: 1px #000000 solid;
    margin-top: 3px;
}

/* --- messages --- */
.scripting_message {
    display: block;
    text-align: center;
    border: 1px solid #FFEEAC;
    font-weight: normal;
    padding: 5px;
    margin: 5px;
    background-color: #FFFFE0;
    color: #242424;
    width: 600px;
}

.message_error {
    color: #FF0033;
    display: block;
    border: 1px solid #FFEEAC;
    font-weight: bold;
    padding: 5px;
    background-color: #FFFFE0;
    text-align: center;
}

.errror_psw {
    text-align: left;
}

.error_psw ul {
    text-align: left;
    margin: 0;
    padding: 0;
}

.modalBackground {
    background-color: #777777;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalBackgroundTransparent {
    background-color: #777777;
    filter: alpha(opacity=0);
    opacity: 0;
}

table.grid {
    font-family: Arial, Helvetica;
    font-size: 11px;
    width: 100%;
    border: solid 1px #FFFFFF;
    border-collapse: collapse;
    cursor: default;
}

    table.grid td.grid {
        background-color: #E5E5E5;
        padding: 2px 3px;
    }

    table.grid tr.alt td.grid {
        background-color: #F0F0F0;
        padding: 2px 3px;
    }

.gridhdr {
    background-color: #3399cc;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: top right;
    font-weight: bold;
    padding: 3px;
}

.gridsubhdr {
    padding: 2px;
    height: 24px;
}

.hidden {
    visibility: hidden;
}

.pinkObjFilter {
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

table.pinkObj {
    font-family: Lucida Grande, Verdana;
    font-size: 0.8em;
    border: solid 1px #FFFFFF;
    border-collapse: collapse;
    cursor: default;
}

    table.pinkObj td, table.pinkObj th {
        padding: 2px;
        font-weight: normal;
        border: solid 2px white;
    }

    table.pinkObj tbody tr td {
        background-color: #E5E5E5;
    }

    table.pinkObj tbody tr.alt td {
        background-color: #F0F0F0;
    }

    table.pinkObj tbody tr.selected td {
        background-color: #cccccc;
    }

    table.pinkObj thead td, table.pinkObj thead th {
        background-color: #3399cc;
        color: #ffffff;
        background-repeat: no-repeat;
        background-position: top right;
        font-weight: bold;
    }

        table.pinkObj thead td.selectedUp, table.pinkObj thead th.selectedUp {
            background-image: url(../images/tblhead_up.gif);
        }

        table.pinkObj thead td.selectedDown, table.pinkObj thead th.selectedDown {
            background-image: url(../images/tblhead_down.gif);
        }

div.pinkObjPager {
    margin-top: 5px;
    border-top: dashed 1px #cccccc;
    padding-top: 5px;
    text-align: right;
}

    div.pinkObjPager a img.goImg {
        margin-bottom: -3px;
    }

    div.pinkObjPager a.pageLink, div.pinkObjPager a.pageLink:visited {
        color: blue;
        font-weight: bold;
    }

    div.pinkObjPager a.pageLinkCurrent, div.pinkObjPager a.pageLinkCurrent:visited {
        text-decoration: none;
        color: gray;
        font-weight: bold;
    }

/* tooltip */
a.info {
    position: relative; /*this is the key*/
    z-index: 24;
    background-color: transparent;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

    a.info:hover {
        z-index: 25;
        background-color: transparent;
    }

    a.info span {
        display: none;
    }

    a.info:hover span {
        display: block;
        position: absolute;
        font-size: 11px;
        top: 15px;
        left: 15px;
        width: 250px;
        color: #000;
        text-align: left;
        padding: 15px;
        border: 1px solid #555555;
        background-color: White;
    }

        a.info:hover span ul {
            padding: 5px 10px;
            margin: 5px 0;
        }

    a.info.hierarchicalHideFiels:hover span {
        width: 120px;
    }

/* ---- billing info ---- */
.bsheader {
    color: #FFFFFF;
    background-color: #003366;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 5px;
    display: block;
    margin: 0;
}

.bslabel {
    background-color: #EEEEEE;
    padding-left: 5px;
    text-align: left;
}

.bslabelnew {
    background-color: #EEEEEE;
    padding-right: 5px;
    text-align: right;
    font-weight: bold;
}

.bsinput {
    text-align: left;
    font-weight: bold;
    padding-left: 5px;
}

.sort {
    width: 10px;
    height: 20px;
    float: right;
    margin: 0;
    padding: 0;
    white-space: normal;
}

.resultGrid_TH /*customer lookup page gridView*/ {
    padding-left: 5px;
    background-color: #3399CC;
    color: #FFFFFF;
    text-align: left;
}

.resultGrid_TH {
    border: solid 1px #FFF;
}

/* -- intelisence control  -- */
div[type="elementDiv"] div.item {
    background-color: White;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 16px;
    padding-left: 2px;
}

div[type="elementDiv"] div.selected {
    background-color: Blue;
    color: White;
}

/* --- ORDER SUMMARY --- */
.osheader {
    color: #FFFFFF;
    background-color: #003366;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 5px;
}

.ostotal {
    font-weight: bold;
    font-size: 14px;
}

td.oshead {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    background-color: #eeeeee;
}

.headerLinks {
    color: #003366;
    margin-left: 3px;
    margin-right: 3px;
}

/* new user registration */
#tr table {
    border-collapse: collapse;
    font: normal 80%/140% verdana, arial, helvetica, sans-serif;
    color: #333;
    background: #ffffff;
    margin: 2px auto;
    width: 600px;
}

#tr td, #tr th {
    border: 1px solid #fff;
    padding: .3em;
}

#tr thead th, #tr tfoot th {
    border: 1px solid #fff;
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    color: #396C9E;
    background: #F2F2F2;
}

a.submit {
    font: bold 12px Arial, Tahoma, sans-serf;
    background-color: #396C9E;
    border: 1px #f3f3f3 solid;
    color: #FFF;
    padding: 3px 10px;
    text-transform: uppercase;
    text-decoration: none;
}

    a.submit:hover {
        background-color: #fff;
        border: 1px #fff solid;
        color: #396C9E;
    }

/* ---- sticky footer ---- */
html > body .prc {
    height: 99.9%;
}

.wrapper {
    min-height: 100%;
    min-height: calc(100vh - 27px);
    margin: 0 auto -3.2em; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
    height: 2em; /* .push must be the same height as .footer */
}

.footer {
    text-align: right;
    background-color: #ffffff;
    height: 60px;
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
}

.footer p {
    padding-top: 3px;
    margin: 0;
}

/* Drag and drop */
.DefaultElementStyle {
    padding: 3px;
}

.CustomTabStyle .ajax__tab_header {
    background: url(../images/tab-line.png) repeat-x bottom;
    display: block;
}

.CustomTabStyle .ajax__tab_header .ajax__tab_outer {
    background: url(../images/tab.png) no-repeat left top;
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
}

.CustomTabStyle .ajax__tab_header .ajax__tab_inner {
    background: url(../images/tab.png) no-repeat right top;
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_outer {
    background: url(../images/tab.png) no-repeat 0pt -40px;
    border-bottom-color: #ffffff;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_inner {
    background: url(../images/tab.png) no-repeat right -40px;
    color: #000;
    border-color: #333;
}

.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #000;
}

.CustomTabStyle .ajax__tab_body {
    background-color: #fff;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
}

/* Drag and drop */
.loginlnk {
    background-color: #FFFFE0;
    border: 1px solid #FFEEAC;
    border-top: none;
    margin-right: 10px;
    text-decoration: none;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #336699;
    padding: 3px 6px 3px 6px;
}

.handleImage {
    width: 15px;
    height: 16px;
    background-image: url(../images/HandleGrip.png);
    overflow: hidden;
    cursor: se-resize;
}

#categoriesUp {
    position: absolute;
    top: 0px;
    width: 300px;
    height: 16px;
    text-align: center;
    text-decoration: none;
    background-color: #eeeeee;
    color: #333;
    border-right: solid 1px #eee;
}

#categoriesDown {
    position: absolute;
    top: 600px;
    width: 300px;
    height: 16px;
    text-align: center;
    text-decoration: none;
    background-color: #eeeeee;
    color: #333;
    border-right: solid 1px #eee;
}

#categories {
}

.AdminHeader {
    background-image: url(../images/AdminHeaderBack.png);
    background-repeat: repeat-x;
    height: 30px;
    padding-left: 5px;
}

.GridHeader {
    background-image: url(../images/tab_bg.gif);
    background-repeat: repeat-x;
    padding-left: 10px;
}

.RowItem {
    padding-left: 5px;
    color: #215282;
    border-bottom: dashed 1px #6F95D5;
}

.ProgressPanel {
    border: solid 1px #999999;
    background-color: White;
    vertical-align: middle;
    height: 50px;
    width: 50px;
    padding-top: 9px;
    text-align: center;
    color: #EA8906;
    font-weight: bold;
}

.ProgressDiv {
    z-index: 10000;
    background-image: url(../images/simple.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}

.ProgressModalBackground {
    background-color: gray;
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.MainContentBack {
    border: solid 2px #7b84af;
    width: 150px;
    height: 200px;
    padding: 2px;
}

/* CCCalendar START */
.ccMonthNav {
    position: relative;
}

.ccPrevious {
    width: 20px;
    position: absolute;
    left: 10px;
    border: solid 1px #999999;
}

.ccNext {
    width: 20px;
    position: absolute;
    right: 10px;
    text-align: right;
    border: solid 1px #999999;
}

    .ccPrevious A, .ccNext A {
        text-decoration: none;
        padding: 0px 6px;
        color: #999999;
        font-weight: bold;
    }

        .ccPrevious A:hover {
            background-color: #dddddd;
            border-right: solid 1px #dddddd;
        }

        .ccNext A:hover {
            background-color: #dddddd;
            border-left: solid 1px #dddddd;
        }

.ccMonth {
    margin: 0 4px;
}

.ccCell {
    text-align: center;
    border: solid 1px #dddddd;
}

.ccDOW {
    text-align: center;
    border: solid 1px #dddddd;
    background-color: #ddddee;
}

.ccOutOfMonth {
    background-color: #bbbbbb;
    color: #666666;
}

.ccSelected {
    background-color: #ccccff;
}

.ccCell DIV {
    text-decoration: none;
    cursor: pointer;
    padding: 1px;
}

.ccNow {
    color: #6666bb;
    font-weight: bold;
}

DIV.ccDisabled {
    color: #666666;
    background-color: #dddddd;
    cursor: default;
    padding: 1px;
}

TD.ccButtons {
    padding: 10px;
}

/* CCCalendar END */
.DefaultHeaderClass {
    font-weight: bolder;
}

.DefaultLabelClass {
    font-weight: bold;
    margin-right: 3px;
}

.promo {
}

    .promo h2 {
        font-size: 15px;
        font-weight: bold;
        padding: 5px 0;
        margin: 0px;
        color: #003366;
        border: none 0px;
    }

.promoContent {
    padding-left: 20px;
}

    .promoContent p {
        font-weight: bold;
        padding: 0px;
        margin: 0px;
    }

table.qtybreak {
    border: solid 1px #cccccc;
    border-collapse: collapse;
}

    table.qtybreak td {
        border: solid 1px #cccccc;
        border-collapse: collapse;
    }

    table.qtybreak th {
        border: solid 1px #cccccc;
        border-collapse: collapse;
        font-weight: bold;
    }

.promoConditions ul {
    padding: 5px 20px;
    margin: 0px;
}

    .promoConditions ul li {
        list-style-type: none;
        margin: 2px 0;
    }

.promoAction {
    border-bottom: dashed 1px #cccccc;
    margin: 3px 0;
}

/* Container START */
table.attributeContainer {
    border-spacing: 0px;
    width: 100%;
}

    table.attributeContainer td.containerCell {
        padding: 2px;
        border-spacing: 0px;
    }

    table.attributeContainer td.completeCell {
        border-left: solid 2px #fff;
        border-right: solid 2px #fff;
        border-bottom: solid 2px #fff;
    }

    table.attributeContainer tr.cntrHeader td {
        color: White;
        font-weight: bold;
        background-color: #6699cc;
        vertical-align: top;
    }

    table.attributeContainer tr.cntrRow td {
        background-color: #eeeeee;
        vertical-align: top;
    }

    table.attributeContainer tr.cntrFooter td {
        color: White;
        font-weight: bold;
        background-color: #6699cc;
    }

    table.attributeContainer tr.cntrTotal td {
        color: White;
        font-weight: bold;
        background-color: #003366;
    }

table.newDefConfigContainer {
    width: 100%;
}

td.containerCell {
    padding: 2px;
    border-spacing: 0px;
}

td.completeCell {
    border-left: solid 2px #fff;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
}

tr.cntrHeader td {
    color: White;
    font-weight: bold;
    background-color: #6699cc;
    vertical-align: top;
}

tr.cntrRow td {
    background-color: #eeeeee;
    vertical-align: top;
}

tr.cntrFooter td {
    color: White;
    font-weight: bold;
    background-color: #6699cc;
}

tr.cntrTotal td {
    color: White;
    font-weight: bold;
    background-color: #003366;
}
/* Container END */

.tg_h {
    display: none;
}

.askexpert {
    text-decoration: none;
    background: transparent url(../images/askicon.png) no-repeat;
    padding-left: 30px;
    color: #8bb2d8;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    display: block;
}

.DragableTitle {
    text-decoration: none;
    background: transparent url(../images/askicon.png) no-repeat;
    padding-left: 30px;
    color: #8bb2d8;
    margin: 0;
    padding-top: 0;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
}

.new_jq {
    margin: 5px;
    background: #fff url(../images/nc_bgrnd.png) repeat-x top;
    border: solid 1px #bfbfbf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .new_jq div {
        margin-bottom: 5px;
    }

    .new_jq h3 {
        margin: 5px;
        text-align: left;
    }

    .new_jq h4 {
        margin: 8px 5px;
        text-align: left;
        color: #222;
        font-size: 1em;
    }

td[id^="ItemType_"] {
    position: relative;
}

div[id^="ItemTypePopUp_"] td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

a.ncopen {
    outline: 0px;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #f57000;
    background: transparent url(../images/nc_closed.png) no-repeat right;
    padding: 5px 20px 5px 5px;
}

    a.ncopen:hover {
        color: #333;
    }

a.ncclosed {
    outline: 0px;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #02679A;
    background: transparent url(../../../Resources/images/nc_opened.png) no-repeat right;
    padding: 5px 20px 5px 5px;
}

    a.ncclosed:hover {
        color: #f57000;
    }

.new_jq table {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    border: 1px solid #AFAFAF;
    border-collapse: collapse;
    background: #fff;
}

    .new_jq table td {
        padding: 2px 5px;
        color: #616161;
    }

        .new_jq table td a {
            color: #fe7201;
        }

            .new_jq table td a:hover {
                color: #444;
            }

    .new_jq table th {
        padding: 0;
        font-size: 1em;
    }

    .new_jq table td, .new_jq table th {
        border: none;
        border: 1px solid #AFAFAF;
    }

    .new_jq table th {
        font-weight: bold;
        color: #555;
        padding: 2px 5px;
    }

    .new_jq table thead th {
        color: #222;
        font-size: 1em;
        background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom;
        padding: 4px 5px;
        border-bottom-width: 1px;
    }

    .new_jq table th table, .new_jq table th table td, .new_jq table td table, .new_jq table td table td {
        border-width: 0;
    }

.new_jq h4 {
    font: bold 1em 'Trebuchet MS',Arial,helvetica,Verdana;
}

.new_jq .no_border table, .new_jq .no_border td {
    border-width: 0px;
}

/* new style quote 2013 */
.new_quote {
    margin: 5px;
    background: #fff none repeat-x top;
    border: solid 1px #bfbfbf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .new_quote div {
        margin-bottom: 5px;
    }

    .new_quote h3 {
        margin: 5px;
        text-align: left;
    }

    .new_quote h4 {
        margin: 8px 5px;
        text-align: left;
        color: #222;
        font-size: 1em;
    }

a.new_ncopen {
    text-decoration: none;
    outline: 0px;
    font: bold 1em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #666;
    background: transparent url(../images/nc_closed.png) no-repeat right;
    padding: 5px 20px 5px 5px;
}

    a.new_ncopen:hover {
        color: #f57000;
    }

a.new_ncclosed {
    text-decoration: none;
    outline: 0px;
    font: bold 1em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #999;
    background: transparent url(../../../Resources/images/nc_opened.png) no-repeat right;
    padding: 5px 20px 5px 5px;
}

    a.new_ncclosed:hover {
        color: #f57000;
    }

.new_quote table {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    border: 1px solid #AFAFAF;
    border-collapse: collapse;
    background: #fff;
}

    .new_quote table td {
        padding: 2px 5px;
        color: #616161;
        vertical-align: top;
    }

        .new_quote table td a {
            color: #fe7201;
        }

            .new_quote table td a:hover {
                color: #444;
            }

    .new_quote table th {
        padding: 0;
        font-size: 1em;
    }

    .new_quote table td, .new_quote table th {
        border: none;
        border: 1px solid #AFAFAF;
        border-width: 1px 0;
    }

    .new_quote table th {
        font-weight: bold;
        color: #555;
        padding: 2px 5px;
    }

    .new_quote table thead th {
        color: #222;
        font-size: 1em;
        background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom;
        padding: 4px 5px;
        border-bottom-width: 1px;
    }

    .new_quote table th table, .new_quote table th table td, .new_quote table td table, .new_quote table td table td {
        border-width: 0;
    }

.new_quote h4 {
    font: bold 1em 'Trebuchet MS',Arial,helvetica,Verdana;
}

.new_quote .no_border table, .new_quote .no_border td {
    border-width: 0px;
    vertical-align: middle;
}

.new_quote .no_border th {
    border-width: 0px;
    vertical-align: middle;
}

#newCartInfo {
    margin-top: 5px;
}

    #newCartInfo th {
        text-align: right;
        padding-left: 10px;
    }

#cartInfo {
    margin-top: 5px;
}

    #cartInfo th {
        text-align: center;
        padding-left: 10px;
    }

.new_additems {
    border: solid 1px #ccc;
    margin: 5px auto;
    padding-top: 10px;
}

    .new_additems table {
        width: 100%;
    }

    .new_additems h5 {
        font: bold 1.2em 'Trebuchet MS',Arial,helvetica,Verdana;
        margin: 2px;
        background: transparent url(../images/nq_additem.png) no-repeat;
        padding-left: 24px;
        text-align: left;
    }

/* new style cart */
.new_df {
    margin: 5px;
    background: #fff url(../images/nc_bgrnd.png) repeat-x top;
    border: solid 1px #bfbfbf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .new_df div {
        margin-bottom: 5px;
    }

    .new_df h3 {
        margin: 5px;
        text-align: left;
    }

    .new_df h4 {
        margin: 8px 5px;
        text-align: left;
        color: #222;
        font-size: 1em;
    }

a.ncopen {
    outline: 0px;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #f57000;
    background: transparent url(../images/nc_closed.png) no-repeat right;
    padding: 5px 20px 5px 5px;
}

    a.ncopen:hover {
        color: #333;
    }

a.ncclosed {
    outline: 0px;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #02679A;
    background: transparent url(../../../Resources/images/nc_opened.png) no-repeat right;
    padding: 5px 20px 5px 5px;
}

    a.ncclosed:hover {
        color: #f57000;
    }

.new_df table {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    border: 1px solid #AFAFAF;
    border-collapse: collapse;
    background: #fff;
}

    .new_df table td {
        padding: 2px 5px;
        color: #616161;
        vertical-align: top;
    }

        .new_df table td a {
            color: #fe7201;
        }

            .new_df table td a:hover {
                color: #444;
            }

    .new_df table th {
        padding: 0;
        font-size: 1em;
    }

    .new_df table td, .new_df table th {
        border: none;
        border: 1px solid #AFAFAF;
        border-width: 1px 0;
    }

    .new_df table th {
        font-weight: bold;
        color: #555;
        padding: 2px 5px;
    }

    .new_df table thead th {
        color: #222;
        font-size: 1em;
        background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom;
        padding: 4px 5px;
        border-bottom-width: 1px;
    }

    .new_df table th table, .new_df table th table td, .new_df table td table, .new_df table td table td {
        border-width: 0;
    }

.new_df h4 {
    font: bold 1em 'Trebuchet MS',Arial,helvetica,Verdana;
}

.new_df .no_border table, .new_df .no_border td {
    border-width: 0px;
    vertical-align: middle;
}

.additems {
    border: solid 1px #ccc;
    border-width: 1px 0 2px 0;
    margin: 5px 0;
    padding-top: 10px;
}

    .additems table {
        width: 100%;
    }

    .additems h5 {
        font: bold 1.2em 'Trebuchet MS',Arial,helvetica,Verdana;
        margin: 2px;
        background: transparent url(../images/nq_additem.png) no-repeat;
        padding-left: 24px;
        text-align: left;
    }

#browseCatalog a {
    font: bold 1.2em 'Trebuchet MS',Arial,helvetica,Verdana;
    margin: 2px;
    background: transparent url(../images/catalog32x32.png) no-repeat;
    padding: 5px 5px 5px 36px;
    text-align: left;
}

#txtAddProdByPN, #txtAddProdByName {
    background: #fff url(../../../Resources/images/add_search.png) no-repeat right;
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #AFAFAF;
    border-top: 1px solid #8F8F8F;
}

#txtAddProdByPNBottom, #txtAddProdByNameBottom {
    background: #fff url(../../../Resources/images/add_search.png) no-repeat right;
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #AFAFAF;
    border-top: 1px solid #8F8F8F;
}

.collab_title {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    color: #fe7201;
    font-size: 1.2em;
    padding-left: 20px;
}

.nc_action {
    text-decoration: none;
    cursor: pointer;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    padding: 4px;
    text-align: center;
    border: solid 1px #a9a9a9;
    background: #eeeeee;
    color: #f57000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.nc_action {
    -webkit-box-shadow: 1px 1px 1px #545454;
    -moz-box-shadow: 1px 1px 1px #545454;
    box-shadow: 1px 1px 1px #545454;
}

input.nc_action:hover {
    color: #333;
    -webkit-box-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 1px #fff;
}

.nc_haction {
    text-decoration: none;
    cursor: pointer;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    padding: 4px;
    text-align: center;
    border: solid 1px #a9a9a9;
    background: #f57000;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.nc_haction {
    -webkit-box-shadow: 1px 1px 1px #545454;
    -moz-box-shadow: 1px 1px 1px #545454;
    box-shadow: 1px 1px 1px #545454;
}

    .nc_haction:hover {
        color: #222;
    }

.nc_hide {
    outline: 0px;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #f57000;
    background: transparent url(../images/nc_closed.png) no-repeat right;
    padding: 5px 20px 5px 5px;
}

input.itemaction {
    width: 18px;
    height: 20px;
    cursor: pointer;
    margin-left: 2px;
    border: none;
}

#itemaction3 {
    background: #fff url(../images/itemcopy.png) no-repeat top;
}

#itemaction4 {
    background: #fff url(../images/itemdelete.png) no-repeat top;
}

#itemaction2 {
    background: #fff url(../images/itemedit.png) no-repeat top;
}

#itemaction5 {
    background: #fff url(../images/itemrefresh.png) no-repeat top;
}

#itemaction6 {
    background: #fff url(../images/itemcreatefav.png) no-repeat top;
}

#itemaction7 {
    background: #fff url(../images/upgrade2small.png) no-repeat top;
}

#itemactiondisabled6 {
    background: #fff url(../images/add_fav_off.png) no-repeat top;
}

/* new style category */
.cat_bar {
    border: solid 1px #ccc;
    width: 99%;
    padding: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
}

    .cat_bar table {
        margin: 0;
        width: 99%;
    }

        .cat_bar table td {
            padding: 0 10px;
        }

            .cat_bar table td table td {
                padding: 0;
            }

.cb_border {
    border-right: solid 1px #ccc;
}

td.icons {
    min-width: 100px;
    text-align: center;
}

    td.icons input[type=image] {
        margin-top: 5px;
    }

.hmc_class {
    text-align: center;
}

    .hmc_class a {
        color: #fe7201;
        font-weight: bold;
        font-size: 1.2em;
    }

        .hmc_class a:hover {
            color: #444;
        }

.hmc_panel {
    border: solid 1px #ccc;
    width: 200px;
    -webkit-box-shadow: 2px 2px 3px #333333;
    -moz-box-shadow: 2px 2px 3px #333333;
    box-shadow: 2px 2px 3px #333333;
    background: #fff;
    display: none;
    position: absolute;
    margin-top: 5px;
}

    .hmc_panel a {
        color: #fe7201;
    }

        .hmc_panel a:hover {
            color: #444;
        }

    .hmc_panel ul {
        padding: 5px;
        margin: 0 0 5px 5px;
    }

    .hmc_panel li {
        text-align: left;
        padding: 5px 0;
        list-style-type: none;
    }

.ncitemsplit {
    border-top: solid 1px #fe7201;
    height: 1px;
    margin: 0;
}

.icons a {
    height: 22px;
    width: 22px;
    margin: 2px 5px 2px 0;
}

.icons td {
    padding-top: 4px;
    text-align: center;
}

#buttons {
    min-width: 240px;
}

    #buttons ul {
        padding: 2px 0 2px 0;
        margin: 0;
        list-style: none;
        float: right;
    }

        #buttons ul li {
            float: right;
            display: inline;
            margin: 0 10px;
        }

            #buttons ul li a {
                text-decoration: none;
                cursor: pointer;
            }

                #buttons ul li a span {
                }

                #buttons ul li a.compare {
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    color: #FE7201;
                    background: #ededed;
                    margin: 2px 0;
                    padding: 1px 15px;
                    text-align: center;
                    text-decoration: none;
                    border: 1px solid #cecece;
                    font-weight: bold;
                }

                    #buttons ul li a.compare span {
                    }

                #buttons ul li a.addtoquote {
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    color: #fff;
                    background: #FE7201;
                    margin: 2px 0;
                    padding: 1px 15px;
                    text-align: center;
                    text-decoration: none;
                    border: 1px solid #CCCCCC;
                    font-weight: bold;
                }

                    #buttons ul li a.addtoquote span {
                    }

                    #buttons ul li a.compare:hover, #buttons ul li a.addtoquote:hover {
                        color: #333;
                    }

            #buttons ul li .mainbutton_on {
                background: #F77000 url(../images/mainbutton_on.png) no-repeat right;
                border: 1px solid #CCCCCC;
                border-left: none;
                width: 28px;
                float: left;
                cursor: pointer;
                margin: 0px;
                margin-top: 2px;
            }

            #buttons ul li .mainbutton_off {
                background: #F77000 url(../images/mainbutton_off.png) no-repeat right;
                border: 1px solid #CCCCCC;
                border-left: none;
                width: 28px;
                float: left;
                cursor: pointer;
                margin: 0px;
                margin-top: 2px;
            }

.mainbutton_float_on {
    background: #fff url(../images/smainbutton_on.png) no-repeat right;
    border: solid 1px #F77000;
    width: auto;
    text-align: center;
    color: #F77000;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 27px;
    display: block;
    margin: 0px;
}

.mainbutton_float_off {
    background: #fff url(../images/smainbutton_off.png) no-repeat right;
    border: solid 1px #F77000;
    width: auto;
    text-align: center;
    color: #F77000;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 27px;
    display: block;
    margin: 0px;
}

.mainbutton_details_on {
    background: #F77000 url(../images/mainbutton_on.png) no-repeat right;
    border: 1px solid #CCCCCC;
    border-left: none;
    width: 28px;
    float: left;
    margin-top: 2px;
    cursor: pointer;
    margin: 0px;
}

.mainbutton_details_off {
    background: #F77000 url(../images/mainbutton_off.png) no-repeat right;
    border: 1px solid #CCCCCC;
    border-left: none;
    width: 28px;
    float: left;
    margin-top: 2px;
    cursor: pointer;
    margin: 0px;
}

.selected_products_panel {
    position: absolute;
    padding: 10px;
    background-color: White;
    width: 320px;
    border-color: Gray;
    border: 1pt solid #CCC;
    height: 250px;
    z-index: 1005;
}

.selected_products_header_td {
    text-align: center;
    color: #777777;
    font-weight: bold;
}

.selected_products_tr {
    display: block;
    border-bottom: 1pt solid #CCC;
    text-align: center;
    color: #777777;
    font-weight: bold;
}

.list_table {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
}

    .list_table table {
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

        .list_table table td {
            padding: 2px 5px;
            color: #616161;
        }

            .list_table table td a {
                color: #fe7201;
            }

                .list_table table td a:hover {
                    color: #444;
                }

        .list_table table th {
            padding: 0;
            font-size: 1.1em;
        }

        .list_table table td, .list_table table th {
            border: none;
            border: 1px solid #ccc;
        }

        .list_table table th {
            font-weight: bold;
            color: #616161;
            border-bottom-width: 2px;
        }

            .list_table table th table, .list_table table th table td {
                border-width: 0;
            }

.setup_table {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    margin-bottom: 5px;
}

    .setup_table table {
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

        .setup_table table td {
            padding: 2px 5px;
            color: #616161;
        }

            .setup_table table td a {
                color: #fe7201;
                text-decoration: none;
            }

                .setup_table table td a:hover {
                    color: #444;
                }

        .setup_table table th, .setup_table table.gridViewTable th {
            padding: 3px;
            font-size: 13px;
            color: #222;
            font-weight: bold;
            background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom;
            padding: 3px;
            vertical-align: top;
        }

        .setup_table table.gridViewTable th {
            padding: 0px;
        }

        .setup_table table td, .setup_table table th {
            border: none;
            border: 1px solid #ccc;
        }

            .setup_table table th table, .setup_table table th table td, .setup_table table th table thead th {
                border-width: 0;
            }

                .setup_table table th table thead th {
                    background: transparent none repeat-x bottom;
                }

        .setup_table table tr.alt td {
            background: #eee;
        }

.utitle {
    color: #333333;
    font: bold 1.4em 'Trebuchet MS',Arial,helvetica,Verdana;
    margin: 0;
    padding: 10px 0;
    text-align: left;
}

a.nc_add {
    background: url(../images/ncadd.png) no-repeat 0 3px;
    color: #33a33e;
    padding: 0px 3px 3px 12px;
}

.nctotal {
    outline: #f57000 solid 1px;
}

.notcomplete {
    color: Red;
}

.po_frame {
    background-color: #FFFFE0;
    text-align: center;
    margin: 10% auto;
    border: solid 1px #ccc;
    width: 500px;
    padding: 5px;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
}

    .po_frame h2 {
        font: bold 1.2em 'Trebuchet MS',Arial, helvetica, Verdana;
        color: #333;
        border: none;
    }

    .po_frame a {
        color: #f57000;
    }


.mh_table table {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif; /*border: 1px solid #AFAFAF; */
    border-collapse: collapse;
    background: none;
}

    .mh_table table td {
        padding: 2px 5px;
        color: #616161;
    }

        .mh_table table td a {
            color: #fe7201;
        }

            .mh_table table td a:hover {
                color: #444;
            }

    .mh_table table th {
        padding: 0;
        font-size: 1em;
    }

    .mh_table table td, .mh_table table th {
        border: none;
        border: 1px solid #AFAFAF;
    }

    .mh_table table th {
        font-weight: bold;
        color: #555;
        padding: 2px 5px;
    }

    .mh_table table th {
        color: #222;
        font-size: 1em;
        background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom;
        padding: 4px 5px;
        border-bottom-width: 1px;
    }

        .mh_table table th table, .mh_table table th table td, .mh_table table td table, .mh_table table td table td {
            border-width: 0;
            border: none;
        }

.mh_table h3 {
    font: bold 1.4em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #333;
    padding: 10px 0;
    margin: 0;
    text-align: left;
}

.popuptitle {
}

.popuptitle h4 {
    font: bold 1.1em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #333;
    padding: 5px;
    margin: 0;
}

.trialpropmain {
    width: 600px;
    margin: 20px auto;
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
}

#trsetup {
    background: transparent url(../images/trsetup.png) no-repeat 5px 3px;
    padding: 10px 5px 10px 70px;
}

/* Customer Info */
h2.ci {
    font: bold 1.4em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #333;
    padding: 5px 0;
    margin: 0;
    text-align: left;
    border-bottom: none;
}

.ci_title {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    margin: 5px;
}

    .ci_title h5 {
        margin: 0;
        font-size: 1.2em;
        color: #333;
        padding: 0;
    }

    .ci_title a {
        color: #0045BF;
        outline: none;
    }

.new_ci {
    margin: 5px;
    padding: 5px;
    background: #fff url(../images/nc_bgrnd.png) repeat-x top;
    border: solid 1px #bfbfbf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .new_ci h3 {
        margin: 5px;
        text-align: left;
    }

    .new_ci h4 {
        margin: 8px 5px;
        text-align: left;
        color: #222;
        font-size: 1em;
    }

    .new_ci .ajaxtable table {
        border: 0px solid #fff;
    }

#ci_s {
    background: transparent url(../images/ci_search.png) no-repeat;
    padding-left: 24px;
}

#ci_d {
    background: transparent url(../images/ci_details.png) no-repeat;
    padding-left: 24px;
}

#ci_d1 {
    background: transparent url(../images/ci_billto.png) no-repeat;
    padding-left: 24px;
}

#ci_d2 {
    background: transparent url(../images/ci_enduser.png) no-repeat;
    padding-left: 24px;
}

#ci_d3 {
    background: transparent url(../images/ci_shipto.png) no-repeat;
    padding-left: 24px;
}

.ci_toptitle {
    margin: 5px;
    text-align: left;
}

.ajaxtable {
    padding: 5px;
}

.ci_details {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
}

    .ci_details table {
        border: 1px solid #ccc;
        border-collapse: collapse;
        width: 98%;
        margin-left: 5px;
    }

        .ci_details table td {
            padding: 2px 5px;
            color: #222;
        }

        .ci_details table th {
            padding: 0;
            font-size: 1.1em;
        }

        .ci_details table td, .ci_details table th {
            border: none;
            border: 1px solid #ccc;
        }

            .ci_details table th strong {
                color: #ff6600;
            }

        .ci_details table th {
            color: #888;
            text-align: right;
            padding: 2px 5px;
        }

a.ci_action {
    outline: none;
    line-height: 12px;
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    display: block;
    width: 50px;
    float: left;
    margin-left: 5px;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 25px;
    text-align: center;
    color: #333;
    text-decoration: none;
}

    a.ci_action:hover {
        color: #8F8F8F;
    }

a.ci_action_big {
    outline: none;
    font-weight: bold;
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    display: block;
    width: 80px;
    float: left;
    margin-left: 5px;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 35px;
    text-align: center;
    color: #333;
    text-decoration: none;
}

    a.ci_action_big:hover {
        color: #8F8F8F;
    }


.cas_img2 {
    background-image: url(../images/customer_add.gif);
}

.cas_img4 {
    background-image: url(../../../Resources/images/customer_lookup.gif);
}

.cas_img5 {
    background-image: url(../images/customer_sflookup.gif);
}

.cas_img1 {
    background-image: url(../images/customer_edit.gif);
}

.cas_img3 {
    background-image: url(../images/customer_del.gif);
}

.cab_img2 {
    background-image: url(../images/c_add_big.png);
}

.cab_img4 {
    background-image: url(../images/c_lookup_big.png);
}

.cab_img5 {
    background-image: url(../images/crm_lookup_big.png);
}

.customer_ac_input {
    background: #fff url(../../../Resources/images/add_search.png) no-repeat right;
    width: 180px;
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #AFAFAF;
    border-top: 1px solid #8F8F8F;
}

/* Document Generation Templates CSS - start*/
.noDescriptionQuoteRevision {
    font-style: italic;
    color: #666;
}

.yesDescriptionQuoteRevision {
    color: #000;
}

.new_jq_dgt {
    margin: 5px;
    background: #fff url(../images/nc_bgrnd.png) repeat-x top;
    border: solid 1px #bfbfbf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .new_jq_dgt div {
        margin-bottom: 5px;
    }

    .new_jq_dgt h3 {
        margin: 5px;
        text-align: left;
    }

    .new_jq_dgt h4 {
        margin: 8px 5px;
        text-align: left;
        color: #222;
        font-size: 1em;
    }

    .new_jq_dgt table {
        border: none;
    }

        .new_jq_dgt table td, .new_jq_dgt table th {
            border: none;
        }

        .new_jq_dgt table thead th {
            border: none;
        }

.setup_table {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    margin-bottom: 5px;
}

    .setup_table table {
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

        .setup_table table td {
            padding: 2px 5px;
            color: #616161;
        }

            .setup_table table td a {
                color: #fe7201;
            }

                .setup_table table td a:hover {
                    color: #444;
                }

        .setup_table table th {
            padding: 3px;
            font-size: 13px;
            color: #222;
            font-weight: bold;
            background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom;
            padding: 3px;
            vertical-align: top;
        }

        .setup_table table td, .setup_table table th {
            border: none;
            border: 1px solid #ccc;
        }

            .setup_table table th table, .setup_table table th table td, .setup_table table th table thead th {
                border-width: 0;
            }

                .setup_table table th table thead th {
                    background: transparent none repeat-x bottom;
                }

        .setup_table table tr.alt td {
            background: #eee;
        }

.generatingdoc {
    text-align: left;
}

    .generatingdoc ul {
        font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    }

        .generatingdoc ul li {
            list-style-type: none;
            margin: 10px 0;
            padding-left: 22px;
        }

            .generatingdoc ul li.finished {
                background: #fff url(../images/tick_gd.png) no-repeat;
                color: #333;
            }

            .generatingdoc ul li.loading {
                background: #fff url(../images/loader.gif) no-repeat;
                color: #ff6600;
            }

            .generatingdoc ul li.waiting {
                color: #bbb;
            }

#addNewTemplate {
    background: #fff url(../../../Resources/images/add.png) no-repeat 2px;
    color: #02679a;
    padding-left: 14px;
}

.productDocumentPreview {
    display: none;
    background: #fff;
    padding: 20px;
    border: 2px solid #CACACA;
    z-index: 99999;
}

    .productDocumentPreview .close {
        background-image: url(../images/close_modal.png);
        position: absolute;
        right: -13px;
        top: -13px;
        cursor: pointer;
        height: 25px;
        width: 25px;
    }

#dgt_fade {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: .30;
    z-index: 9999;
}

.dgt_popup_block {
    display: none;
    background: #fff;
    padding: 20px;
    border: 2px solid #CACACA;
    float: left;
    font-size: 1.2em;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
}

img.dgt_btn_close {
    float: right;
    margin: -30px -30px 0 0;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #dgt_fade {
    position: absolute;
}

*html .dgt_popup_block {
    position: absolute;
}

ul.dgt_create_steps {
    margin: 0;
    padding: 0;
    padding-left: 5px;
    float: left;
    list-style: none;
    height: 52px; /*--Set height of tabs--*/
    width: 800px;
}

    ul.dgt_create_steps li {
        float: left;
        margin: 0;
        padding: 0;
        height: 23px; /*--Subtract 1px from the height of the unordered list--*/
        line-height: 23px; /*--Vertically aligns the text within the tab--*/
        overflow: hidden;
        position: relative;
    }

        ul.dgt_create_steps li a {
            text-decoration: none;
            color: #000;
            display: block;
            font-family: arial;
            font-size: 12px;
            font-weight: bold;
            outline: none;
            margin-top: 15px;
        }

#dgt_choose_step {
    background: url(../images/toparrows_01.png) no-repeat left top;
    width: 220px;
    height: 52px;
    line-height: 52px;
}

    #dgt_choose_step.selected {
        background: url(../images/toparrows_04.png) no-repeat left top;
    }

        #dgt_choose_step.selected a {
            color: #FF6500;
        }

#dgt_customize_step_na {
    background: url(../images/toparrows_02.png) no-repeat left top;
    width: 212px;
    height: 52px;
    line-height: 52px;
}

    #dgt_customize_step_na a {
        color: #999;
    }

#dgt_customize_step {
    background: url(../images/toparrows_02.png) no-repeat left top;
    width: 212px;
    height: 52px;
    line-height: 52px;
}

    #dgt_customize_step.selected {
        background: url(../images/toparrows_05.png) no-repeat left top;
    }

        #dgt_customize_step.selected a {
            color: #FF6500;
        }

#dgt_download_step {
    background: url(../images/toparrows_03.png) no-repeat left top;
    width: 336px;
    height: 52px;
    line-height: 52px;
}

    #dgt_download_step.selected {
        background: url(../images/toparrows_06.png) no-repeat left top;
    }

        #dgt_download_step.selected a {
            color: #FF6500;
        }

ul.dgt_tabs {
    margin: 0;
    padding: 0;
    padding-left: 5px;
    float: left;
    list-style: none;
    height: 24px; /*--Set height of tabs--*/
    border-bottom: 1px solid #999;
    width: 95%;
}

    ul.dgt_tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 23px; /*--Subtract 1px from the height of the unordered list--*/
        line-height: 23px; /*--Vertically aligns the text within the tab--*/
        border: 1px solid #999;
        margin-right: 4px; /*--Pull the list item down 1px--*/
        overflow: hidden;
        position: relative;
        background: #fff;
    }

        ul.dgt_tabs li a {
            text-decoration: none;
            color: #999;
            display: block;
            font-family: arial;
            font-size: 12px;
            font-weight: bold;
            padding: 0 20px;
            border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
            outline: none;
        }

            ul.dgt_tabs li a:hover {
            }

html ul.dgt_tabs li.active, html ul.dgt_tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    color: #000;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

    html ul.dgt_tabs li.active a { /*--Makes sure that the active tab does not listen to the hover properties--*/
        color: #000;
    }

.dgt_tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 95%;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.dgt_tab_content {
    padding: 20px;
    font-size: 1.2em;
}

    .dgt_tab_content h2 {
        font-weight: normal;
        padding-bottom: 10px;
        border-bottom: 1px dashed #ddd;
        font-size: 1.8em;
    }

    .dgt_tab_content h3 a {
        color: #254588;
    }

#template_tools_container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #CACACA;
    background: url(../images/box_header_gradient.png) repeat-x left top;
    padding: 5px;
    width: 600px;
}

#template_tools_header {
    height: 25px;
    width: 200px;
}

.dgt_tools_open {
    outline: 0px;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #f57000;
    background: transparent url(../images/nc_closed.png) no-repeat right;
    padding: 5px 20px 5px 5px;
}

.dgt_centeredClass {
    margin: 5px auto;
    font: normal 1em 'Trebuchet MS',Arial, helvetica, Verdana;
}

table.dgt_filerevisions {
    border-collapse: collapse;
}

    table.dgt_filerevisions, table.dgt_filerevisions td, table.dgt_filerevisions th {
        border: 1px solid #CACACA;
    }

        table.dgt_filerevisions td, table.dgt_filerevisions th {
            padding: 5px;
            text-align: center;
        }

#preview_progress {
    width: 220px;
    margin-left: 200px;
    margin-top: 20px;
}

.dgt_permissionFieldset {
    width: 250px;
}

.templateRowLeft {
    width: 400px;
    text-align: left;
    float: left;
}

.templateRowRight {
    float: left;
    margin-top: -5px;
    text-align: right;
    width: 65px;
}

.templateRow {
    border-bottom: 1px dashed #989898;
    padding: 13px;
    color: #030303;
}

.tb_fade {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: .30;
    z-index: 9999;
}

.tb_popup_block {
    display: none;
    background: #fff;
    padding: 20px;
    border: 2px solid #CACACA;
    float: left;
    font-size: 1.2em;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
}

img.tb_btn_close {
    float: right;
    margin: -30px -30px 0 0;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html .tb_fade {
    position: absolute;
}

*html .tb_popup_block {
    position: absolute;
}

.tb_headingLabel1 {
    color: #006699;
    font: bold 14px Arial;
    text-decoration: none;
}

.tb_headingLabel2 {
    color: #3399CC;
    font: bold 14px Arial;
    text-decoration: none;
}

.tb_headingLabel4 {
    color: #006699;
    font: bold 12px Arial;
    text-decoration: none;
}

.tb_headingLabel5, a.tb_product_data_section_column_row_delete, a.tb_product_data_section_column_row_delete:visited, a.tb_product_data_section_remove, a.tb_product_data_section_remove:visited, a.tb_condition_remove, a.tb_condition_remove:visited {
    color: #CCCCCC;
    font: bold 14px Arial;
    text-decoration: none;
}

.tb_titleLabel {
    color: #000000;
    font: bold 14px Arial;
    text-decoration: none;
    margin-left: -5px;
    margin-top: -5px;
}

.tb_header_box {
    color: #006699;
    font: bold 12px Arial;
    text-decoration: underline;
    cursor: pointer;
}

a.addProductDataSectionLink, a.addProductDataSectionLink:visited, a.addProductDataGeneralLink, a.addProductDataGeneralLink:visited {
    color: #006699;
    font: bold 12px Arial;
    text-decoration: underline;
    cursor: pointer;
}

#tb_product_data_section_table, #tb_product_data_section_text {
    width: 80%;
    margin-left: 40px;
}

a.uploadLink {
    color: #006699;
    font-weight: bold;
}

.setup_label {
    background: #EFEFEF;
    color: #333;
    text-align: right;
    padding: 0 5px;
}

.setup_required {
    background: #EFEFEF;
    font-weight: bold;
    color: #000;
    text-align: right;
    padding: 0 5px;
}

    .setup_required b {
        font-size: 1.2em;
        color: #3399CC;
        line-height: 1em;
    }

.setup_label_proposal {
    background: #EFEFEF;
    font-weight: bold;
    color: #000;
    text-align: right;
    padding: 0 5px;
}

ul.proposal li {
    list-style-type: none;
    border-bottom: solid 1px #ccc;
    margin-right: 20px;
    padding: 10px 0;
}

    ul.proposal li h5 {
        font-family: "Trebuchet MS", Tahoma, Arial, Serif;
        color: #333;
        font-size: 1.4em;
        margin: 5px 0;
        text-align: left;
    }

    ul.proposal li p, ul.customizeprop li p {
        text-align: left;
        margin: 0px;
    }

        ul.proposal li p a, ul.customizeprop li p a {
            color: #FE7201;
            padding: 40px 5px 5px 5px;
            float: left;
            display: block;
            margin-right: 10px;
        }

            ul.proposal li p a:hover {
                color: #888;
            }

        ul.customizeprop li p.sort {
            overflow: hidden;
        }

        ul.customizeprop li p label, ul.customizeprop li p input {
            float: left;
        }

        ul.customizeprop li p label {
            display: block;
        }

        ul.customizeprop li p input {
            display: block;
            width: 15px;
        }

ul.customizeprop li,
div.customizeprop > div {
    list-style-type: none;
    border: solid 1px #ccc;
    position: relative;
    margin-right: 30px;
    margin-bottom: 15px;
    padding: 5px;
}

div.customizeprop > div > div:not(.clearfix) {
    width: 100%;
}

div.customizeprop > div .sectionParagraph {
    margin: 10px 0;
}

    ul.customizeprop li label {
        font-family: "Trebuchet MS", Tahoma, Arial, Serif;
        color: #404040;
        font-size: 1.4em;
        padding-right: 15px;
    }

.sort {
    border: solid 1px #ccc;
    border-left-color: #fff;
    width: 25px;
    height: 40px;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    top: -1px;
    right: -27px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

ul.customizeprop li .sort a {
    padding: 2px;
}

a.wicon {
    background: #fff url(../images/word2_ico.png) no-repeat center top;
    color: #FE7201;
}

a.wicon_off {
    background: #fff url(../images/word2_ico_off.png) no-repeat center top;
    color: #FE7201;
}

a.w2icon {
    background: #fff url(../images/word3_ico.png) no-repeat center top;
    color: #FE7201;
}

a.w2icon_off {
    background: #fff url(../images/word3_ico_off.png) no-repeat center top;
    color: #FE7201;
}

a.picon {
    background: #fff url(../images/pdf2_ico.png) no-repeat center top;
    color: #FE7201;
}

a.picon_off {
    background: #fff url(../images/pdf2_ico_off.png) no-repeat center top;
    color: #FE7201;
}

a.cicon {
    background: #fff url(../images/customize_ico.png) no-repeat center top;
    color: #FE7201;
}

a.prewicon {
    background: #fff url(../images/preview2_ico.png) no-repeat center top;
    color: #FE7201;
}

a.xicon {
    background: #fff url(../images/xls_ico.png) no-repeat center top;
    color: #FE7201;
}

html[xmlns] .clearfix > a {
    padding: 30px 10px 0px 10px;
    margin-right: 5px;
}

a.xicon_off {
    background: #fff url(../images/xls_ico_off.png) no-repeat center top;
    color: #FE7201;
}

a.dicon {
    background: #fff url(../images/download_ico.png) no-repeat center top;
    color: #FE7201;
}

a.deficon {
    background: #fff url(../images/default_ico.png) no-repeat center top;
    color: #FE7201;
}

.customFieldsContainerParent {
    text-align: right;
    padding: 3px 15px;
}

.customFieldsContainer {
    width: 100%;
    margin: 5px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.customFieldWidth1 {
    width: 260px;
}

.customFieldWidth2 {
    width: 100px;
}

.customFieldWidth3 {
    width: 130px;
}

.padding20 {
    padding: 20px;
}

.afDiv {
    width: 100%;
}

.afDiv2 {
    width: 678px;
    padding: 5px;
}

.afTable {
    width: 100%;
}

.afCell1 {
    width: 275px;
}

.afCell2 {
    width: 205px;
}

.afCell3 {
    width: 130px;
}

.afCell4 {
    width: 60px;
}

.afCell5 {
    width: 215px;
}

.afCell6 {
    width: 240px;
}

.afCell7 {
    width: 30px;
    padding-bottom: 2px;
}

.afCell8 {
    width: 75px;
}

.afCell9 {
    width: 200px;
}

.afCell10 {
    width: 350px;
    padding-left: 20px;
}

.afCell11 {
    width: 140px;
}

.afOptions {
    width: 100%;
    border-top: 1px dashed #aaa;
    text-align: center;
    padding: 5px 0;
}

.afOptionsOuter {
    float: right;
    margin-top: -45px;
    padding-bottom: 5px;
}

.afShowMoreDiv {
    width: 100%;
}

.afShowLessDiv {
    width: 100%;
    display: none;
}

.afHintClass {
    position: absolute;
    border: 1px solid black;
    display: none;
}

.afMessage {
    text-align: left;
}

.sectionLabel {
    width: 90%;
}

.sectionParagraph {
    margin-left: 20px;
}

.width130 {
    width: 130px;
}

.width220 {
    width: 220px;
}

.width260 {
    width: 260px;
}

.width60 {
    width: 60px;
}

.width215 {
    width: 215px;
}

.documentDetailsClass {
    text-align: right;
    padding: 3px 15px;
}

.afHintDiv {
    background: #fff url(../images/descr_ico.png) no-repeat;
    width: 24px;
    height: 20px;
}

.clearboth {
    clear: both;
}

.afOptionsOuter table {
    border: 0px;
}

    .afOptionsOuter table td {
        border: 0px;
    }

.afOptions table {
    border: 0px;
}

    .afOptions table td {
        border: 0px;
    }

.afDiv table.afTable {
    border: 0px;
    border-bottom: 1px solid #aaa;
}

.afDiv td.afHeaderCell {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 0px;
    border-right: 0px;
    font-weight: bold;
    color: #000;
}

.afDiv td.afCell {
    border: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000;
}

.afDiv td.afTopCell {
    border-top: 1px dashed #aaa;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000;
}

.afDiv a.afPreview1 {
    color: #000;
}

.afDiv a.afPreview2 {
    background: #fff url(../images/preview_ico24.png) no-repeat 0px 0px;
    padding-left: 28px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.afShowDetailsContainer {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    width: 100%;
    color: #afafaf;
}

a.afShowMore {
    background: #fff url(../images/collapse_down.png) no-repeat right center;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FE7201;
}

a.afShowLess {
    background: #fff url(../images/collapse_up.png) no-repeat right center;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FE7201;
}

    a.afShowMore:hover, a.afShowLess:hover {
        color: #444;
    }

a.addtemplate {
    outline: 0px;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #02679a;
    background: transparent url(../../../Resources/images/add_ico.png) no-repeat;
    padding: 1px 5px 1px 20px;
}

    a.addtemplate:hover {
        color: #888;
    }

a.exptemplate {
    outline: 0px;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #02679a;
}

    a.exptemplate:hover {
        color: #888;
    }

.createtemplateSingle {
    margin: 0 auto;
    text-align: center;
    width: 300px;
}

.createtemplateSingle2 {
    margin: 0 auto;
    text-align: center;
    width: 150px;
}

.createtemplateBoth {
    margin: 0 auto;
    text-align: center;
    width: 460px;
}

.createtemplateBoth2 {
    margin: 0 auto;
    text-align: center;
    width: 450px;
}

.createtemplate a {
    display: block;
    width: 120px;
    height: 50px;
    padding-top: 40px;
    margin: 0 15px;
    float: left;
    color: #FE7201;
    font: bold 16px "Trebuchet MS", Tahoma, Arial, Serif;
}

.createtemplate2 a {
    display: block;
    width: 110px;
    padding-top: 40px;
    margin: 0 15px;
    color: #333;
    font-size: 1.2em;
    font-weight: bold;
}

a.cr_excel {
    background: #fff url(../images/excel_ico.png) no-repeat center top;
}

a.cr_excel_off {
    background: #fff url(../images/xls_ico_off.png) no-repeat center top;
    color: #FE7201;
}

a.cr_word {
    background: #fff url(../images/word_ico.png) no-repeat center top;
}

a.cr_word_off {
    background: #fff url(../images/word_ico_off.png) no-repeat center top;
    color: #FE7201;
}

a.cr_pdf {
    background: #fff url(../images/pdf_ico.png) no-repeat center top;
}

a.cr_pdf_off {
    background: #fff url(../images/pdf_ico_off.png) no-repeat center top;
    color: #FE7201;
}

a.cr_docx {
    background: #fff url(../images/word3_ico.png) no-repeat center top;
}

a.cr_docx_off {
    background: #fff url(../images/word3_ico_off.png) no-repeat center top;
    color: #FE7201;
}

a.cr_preview {
    background: #fff url(../images/preview_ico.png) no-repeat center top;
}

.floatnav {
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    border: 1px solid #bfbfbf;
    padding: 10px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .floatnav ul {
        padding: 0;
    }

    .floatnav li {
        margin-bottom: 25px;
        list-style-type: none;
    }

        .floatnav li a {
            font: bold 16px "Trebuchet MS", Tahoma, Arial, Serif;
            padding: 5px 5px 10px 40px;
            color: #FE7201;
            line-height: 30px;
        }

            .floatnav li a:hover {
                color: #888;
            }

#floatingexcel {
    background: #fff url(../images/excel_ico.png) no-repeat;
}

#floatingexcel_off {
    background: #fff url(../images/xls_ico_off.png) no-repeat;
    color: #FE7201;
}

#floatingword {
    background: #fff url(../images/word_ico.png) no-repeat;
}

#floatingword_off {
    background: #fff url(../images/word_ico_off.png) no-repeat;
    color: #FE7201;
}

#floatingdocx {
    background: #fff url(../images/word3_ico.png) no-repeat;
}

#floatingdocx_off {
    background: #fff url(../images/word3_ico_off.png) no-repeat;
    color: #FE7201;
}

#floatingpdf {
    background: #fff url(../images/pdf_ico.png) no-repeat;
}

#floatingpdf_off {
    background: #fff url(../images/pdf_ico_off.png) no-repeat;
    color: #FE7201;
}

#floatingpreview {
    background: #fff url(../images/preview_ico.png) no-repeat;
}

.savetemplate /*IE7 overlapping layers fix*/ {
    position: relative;
    z-index: 1000;
}

    .savetemplate a {
        color: #333;
        font-size: 1em;
    }

.savetemplate2 a {
    color: #333;
    font-size: 1em;
}

.completeincompletechild {
    color: #000;
}

.compIncompChildProposal {
    color: #555;
}

a.incompletechild_info {
    margin-left: 5px;
}

a.info_message {
    position: relative;
    z-index: 24;
    background-color: transparent;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

    a.info_message:hover {
        z-index: 25;
        background-color: transparent;
    }

    a.info_message span {
        display: none;
    }

    a.info_message:hover span {
        display: block;
        position: absolute;
        font-size: 11px;
        top: 25px;
        left: -150px;
        width: 200px;
        color: #000;
        text-align: left;
        padding: 5px;
        background: #fff9d5;
        border: solid 1px #dfce6e;
    }

a.cp_nfo {
    position: relative;
    z-index: 24;
    background-color: transparent;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

    a.cp_nfo:hover {
        z-index: 25;
        background-color: transparent;
    }

    a.cp_nfo span {
        display: none;
    }

    a.cp_nfo:hover span {
        display: block;
        position: absolute;
        font-size: 11px;
        top: 15px;
        left: 25px;
        width: 250px;
        color: #000;
        text-align: left;
        padding: 5px;
        background: #fff9d5;
        border: solid 1px #dfce6e;
    }

a.printDocument {
    font: bold 16px "Trebuchet MS", Tahoma, Arial, Serif;
    padding: 5px 5px 10px 40px;
    color: #FE7201;
    background: #fff url(../images/pdf2_ico.png) no-repeat left top;
}

a.downloadDocument {
    font: bold 16px "Trebuchet MS", Tahoma, Arial, Serif;
    padding: 5px 5px 10px 40px;
    color: #FE7201;
    background: #fff url(../images/pdf2_ico.png) no-repeat left top;
}

a.createDocument {
    font: bold 16px "Trebuchet MS", Tahoma, Arial, Serif;
    padding: 5px 5px 10px 40px;
    color: #FE7201;
    background: #fff url(../images/pdf2_ico.png) no-repeat left top;
}

#preview_controls {
    margin: 20px;
}

.download_preview {
    text-align: center;
    color: #FE7201;
    background: #fff url(../images/download48.png) no-repeat center top;
    padding-top: 50px;
    display: block;
    float: left;
}

.download_preview_container {
    margin: 10px;
    overflow: hidden;
}

/* Document Generation Templates CSS - end */

/* used for incomplete warning icon - it doesn't need z-index*/
a.cp_nfo.incompletechild_info,
a.cp_nfo.incompletechild_info:hover,
a.info_message.incompletechild_info,
a.info_message.incompletechild_info:hover {
    z-index: 0;
}

/* autocomplete products */
.ac_section_title {
    font: bold 15px 'Trebuchet MS',Arial, helvetica, Verdana;
}

.ac_header {
    width: 100%;
    background: #989898;
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
}

.ac_results {
    padding: 1px;
    border: 2px solid WindowFrame;
    border-color: #989898;
    background-color: Window;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .ac_results iframe {
        display: none; /*sorry for IE5*/
        display /**/: block; /*sorry for IE5*/
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 3000px;
        height: 3000px;
    }

li {
    vertical-align: top;
}

.ac_results li {
    margin: 0px;
    padding: 7px 5px;
    cursor: pointer;
    display: block;
    width: 98%;
    font: menu;
    font-size: 14px;
    overflow: hidden;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-family: Arial;
    color: #333;
}

.ac_results ul.approval :hover {
    background-color: #EDEDED;
}

.ac_results .last_element {
    border-top: 1px solid #989898;
    color: #FE7201;
}

.ac_loading {
    background: Window url(../images/loader.gif) right center no-repeat;
}

li.ac_over {
    margin: 0px;
    padding: 7px 5px;
    cursor: pointer;
    display: block;
    width: 98%;
    font: menu;
    font-size: 14px;
    overflow: hidden;
    background-color: #EDEDED;
    color: #333;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
    font-family: Arial;
}
/* autocomplete products - end*/

/*.topcartaction { height: 25px; margin: 5px;  padding: 25px 5px 5px 5px; height:50px;  font-size: 9px; font-weight: bold; color: #333; text-decoration: none; border-left: solid 1px #ccc; cursor:pointer; border-width: 0 0 0 1px;} */
.topcartaction {
    display: block;
    width: 50px;
    float: left;
    margin: 5px;
    padding: 34px 5px 5px 5px;
    font-size: 0.9em;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    border-left: solid 1px #ccc;
    cursor: pointer;
    border-width: 0 0 0 1px;
}

    .topcartaction:hover {
        color: #888;
    }

    .topcartaction:first-child {
        border-left: solid 2px #fff;
    }

a.showactions {
    color: #F47420;
    background: #fff url(../images/showactions.png) no-repeat;
    padding: 0px 3px 5px 20px;
}

    a.showactions:hover {
        color: #ccc;
    }

a.hideactions {
    color: #F47420;
    background: #fff url(../images/hideactions.png) no-repeat;
    padding: 0px 3px 5px 20px;
}

    a.hideactions:hover {
        color: #ccc;
    }

.prod_loading {
    text-align: left;
    margin-bottom: 10px;
    margin-left: 70px;
}

    .prod_loading div img {
        margin-right: 5px;
    }

.favnote {
    color: #0099CC;
}

.psw_jq {
    margin-bottom: 10px;
    background: #fff url(../images/nc_bgrnd.png) repeat-x top;
    border: solid 1px #bfbfbf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .psw_jq h3 {
        margin: 5px;
        text-align: left;
        color: #777;
    }

.modal {
    background-color: white;
    border: solid 1px #bfbfbf;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1003;
    width: 600px;
    height: 330px;
    padding: 0px;
}

.reset {
    color: #FE7201;
    background-color: #fff;
    font-family: "Trebuchet MS", Arial, Verdana;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #FE7201;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 8px;
}

.mw {
    border: solid 1px #9E9E9E;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    z-index: 1004;
    position: absolute;
}

.mw_head {
    position: relative;
}

    .mw_head h3 {
        margin: 3px;
    }

    .mw_head a {
        display: block;
        width: 25px;
        height: 25px;
        background: transparent url(../images/close_modal.png) no-repeat;
        text-indent: -3000px;
        position: absolute;
        top: -25px;
        right: -20px;
        outline: 0;
        border: 0;
    }

        .mw_head a img {
            outline: 0;
            border: 0;
        }

.mw_content {
    padding: 5px 10px;
    overflow: auto;
}

#overlay {
    background-color: #000000;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1003;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.mv_label {
    font-weight: bold;
    color: #616161;
}

.comment_title {
    float: left;
    color: #CCC;
    font: bold 1.1em 'Trebuchet MS',Arial, helvetica, Verdana;
}

.modalDiv {
    border: solid 2px #CCC;
    padding: 5px;
    width: 730px;
    height: 450px;
    overflow: auto;
    background: white;
}

.new_button {
    color: #FE7201;
    background: #fff url(../images/button_bgrnd_2.png) repeat-x;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #ccc;
}

    .new_button span {
        background: transparent url(../images/plus_front.png) no-repeat;
        no-repeat 10px;
        padding-left: 30px;
        padding-right: 10px;
    }

    .new_button:hover {
        color: #777;
        cursor: pointer;
    }

/*scrollpane custom CSS*/
.jspVerticalBar {
    width: 8px;
    background: transparent;
    right: 10px;
}

.jspHorizontalBar {
    bottom: 5px;
    width: 100%;
    height: 8px;
    background: transparent;
}

.jspTrack {
    background: transparent;
}

.jspDrag {
    background: url(images/transparent-black.png) repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspCorner {
    display: none;
}

/*show progress display*/
.showPreviewPopup {
    display: none;
    background: #fff;
    padding: 20px;
    border: 2px solid #CACACA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 99999;
    position: absolute;
    top: 15%;
    left: 50%;
    margin-left: -20%;
}

    .showPreviewPopup .close {
        background-image: url(../images/close_modal.png);
        position: absolute;
        right: -12px;
        top: -12px;
        cursor: pointer;
        height: 25px;
        width: 25px;
    }

#preview_data {
    overflow-x: auto;
    overflow-y: hidden;
}

#previewHolder {
    float: left;
}

    #previewHolder img {
        float: left;
        border: 2px solid #CACACA;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

.showProgressPopup {
    display: none;
    background: #fff;
    padding: 20px;
    border: 2px solid #CACACA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 99999;
}

.progressUpdate {
    text-align: left;
}

    .progressUpdate ul.progressUpdateList {
        font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
        float: left;
        clear: left;
    }

        .progressUpdate ul.progressUpdateList li {
            list-style-type: none;
            margin: 10px 0;
            padding-left: 22px;
        }

            .progressUpdate ul.progressUpdateList li.pu_error {
                background: #fff;
                color: #333;
            }

            .progressUpdate ul.progressUpdateList li.pu_finished {
                background: #fff url(../images/tick_gd.png) no-repeat;
                color: #333;
            }

            .progressUpdate ul.progressUpdateList li.pu_loading {
                background: #fff url(../images/loader.gif) no-repeat;
                color: #ff6600;
            }

            .progressUpdate ul.progressUpdateList li.pu_waiting {
                color: #bbb;
            }

.debugger {
    border: solid 1px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    width: 600px;
    margin-top: 10px;
}

    .debugger table {
        background: #eee;
    }

        .debugger table th, .debugger table td a {
            color: #333;
            padding: 0 5px;
            font-weight: bold;
        }

    .debugger .newwindow {
        display: block;
        width: 16px;
        height: 16px;
        background: transparent url(../images/new_window.png) no-repeat;
        text-decoration: none;
        margin-top: 2px;
        margin-left: 10px;
    }

.registrationuser, .forgotpass {
    width: 500px;
    margin: 50px auto;
}

    .registrationuser h3, .forgotpass h3 {
        font-size: 1.6em;
        margin: 5px 0;
    }

.user_label {
    background: #EFEFEF;
    color: #333;
    text-align: right;
    padding: 5px;
    vertical-align: top;
}

    .user_label b {
        display: none;
    }

.user_required {
    background: #EFEFEF;
    font-weight: bold;
    color: #000;
    text-align: right;
    padding: 5px;
    vertical-align: top;
}

    .user_required b {
        font-size: 1.6em;
        color: #3399CC;
        line-height: 0.7em;
    }

.loginTableLabel b {
    display: none;
}

.registrationuser td input[type="text"], .registrationuser td input[type="password"], .registrationuser td select {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    width: 70%;
    height: 25px;
    font-size: 13px;
    direction: ltr;
    padding: 0 0 0 5px;
    background: white;
    border: 1px solid #AFAFAF;
    border-top: 1px solid #8F8F8F;
    display: inline-block;
    line-height: 25px;
}

.forgotpass td input[type="text"], .forgotpass td input[type="password"], .forgotpass td select {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    width: 80%;
    height: 25px;
    font-size: 13px;
    direction: ltr;
    padding: 0 0 0 5px;
    background: white;
    border: 1px solid #AFAFAF;
    border-top: 1px solid #8F8F8F;
    display: inline-block;
    line-height: 25px;
}

html {
    height: 100%; /* this is the key! */
}

.new_atqbuttons {
    width: 305px;
}

    .new_atqbuttons table {
        width: 100%;
    }

.new_satqbuttons {
    width: 115px;
}

.new_atqbuttons .mainbutton td a {
    background: #F77000;
    display: block;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #ccc;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.new_atqbuttons .mainbutton p {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #ccc;
    margin: 0;
    padding: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
    cursor: pointer;
}

.new_atqbuttons .mainbutton_off {
    background: #F77000 url(../images/mainbutton_off.png) no-repeat right;
}

.new_atqbuttons .mainbutton_on {
    background: #F77000 url(../images/mainbutton_on.png) no-repeat right;
}

.expandbuttons ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.expandbuttons li {
    list-style-type: none;
    background: #F77000;
    display: block;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #ccc;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 3px;
    text-align: center;
}

    .expandbuttons li a {
        color: #fff;
        text-decoration: none;
    }

        .expandbuttons li a:hover {
            color: #ccc;
        }


.new_satqbuttons .mainbutton a {
    background: #fff;
    display: block;
    color: #F77000;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #ccc;
    padding: 5px 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.new_satqbuttons .mainbutton p {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #ccc;
    margin: 0;
    padding: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
    cursor: pointer;
}

.new_satqbuttons .mainbutton_off {
    background: #fff url(../images/smainbutton_off.png) no-repeat right;
}

.new_satqbuttons .mainbutton_on {
    background: #fff url(../images/smainbutton_on.png) no-repeat right;
}

.new_satqbuttons .expandbuttons ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.new_satqbuttons .expandbuttons li {
    list-style-type: none;
    background: #fff;
    display: block;
    color: #F77000;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #ccc;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 3px;
    text-align: center;
}

    .new_satqbuttons .expandbuttons li a {
        color: #F77000;
        text-decoration: none;
    }

        .new_satqbuttons .expandbuttons li a:hover {
            color: #ccc;
        }

.singlemainbutton {
    text-align: center;
    background: #F77000;
    padding: 5px 0px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #ccc;
    width: 100%;
}

.ssinglemainbutton {
    text-align: center;
    background: #FFF;
    padding: 5px 0px;
    color: #F77000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #F77000;
    width: 100%;
}

/* Recent Objects */
.ro_cart14x14 {
    background-position: 0 0;
    width: 14px;
    height: 14px;
}

.ro_category14x14 {
    background-position: 0 -64px;
    width: 14px;
    height: 14px;
}

.ro_document14x14 {
    background-position: 0 -128px;
    width: 14px;
    height: 14px;
}

.ro_down {
    background-position: 0 -192px;
    width: 25px;
    height: 23px;
}

.ro_products14x14 {
    background-position: 0 -265px;
    width: 14px;
    height: 14px;
}

.ro_ro_collapse {
    background-position: 0 -329px;
    width: 16px;
    height: 15px;
}

.ro_ro_expand {
    background-position: 0 -394px;
    width: 16px;
    height: 15px;
}

.ro_up {
    background-position: 0 -459px;
    width: 25px;
    height: 23px;
}

#container li {
    background: url(../images/recentobjects.png) no-repeat top left;
}

.box {
    margin: 3px;
    border: solid 1px #eee;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ro_showhide {
    width: 25px;
    z-index: 1002;
}

.recentlyHeader {
    background: #eee url(../images/recentobjects.png) no-repeat right -326px;
    padding: 3px;
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
}

.recentlyHeader_close {
    background: #eee url(../images/recentobjects.png) no-repeat right -391px;
    padding: 3px;
    font-family: "Trebuchet MS", Tahoma, Arial, Serif;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
}

#lista {
    padding: 5px;
    margin: 5px;
}

    #lista li.roQuote {
        background-position: 0 8px;
    }

    #lista li.roCategory {
        background-position: 0 -56px;
    }

    #lista li.roDocument {
        background-position: 0 -120px;
    }

    #lista li.roProduct {
        background-position: 0 -257px;
    }

    #lista li {
        background: url(../images/recentobjects.png) no-repeat;
        list-style-type: none;
        padding: 0px 0 0px 22px;
        border-bottom: solid 1px #f2f2f2;
        white-space: nowrap;
    }

        #lista li:hover {
            background-color: #f2f2f2;
        }

        #lista li a {
            color: #333;
            text-decoration: none;
            display: block;
            padding: 8px 0;
            overflow: hidden;
        }

            #lista li a:hover {
                color: #000;
                text-decoration: underline;
            }

.ro_collexp {
    width: 99%;
}

.ro_collexp {
    outline-style: none;
}

    .ro_collexp a {
        color: #333;
    }

        .ro_collexp a:hover {
            color: #ccc;
        }

.ro_tv_container li {
    list-style-type: none;
    margin: 0;
    width: 100%;
}

    .ro_tv_container li:first-child {
        margin: 0;
    }

    .ro_tv_container li:last-child {
        margin: 0;
    }

.ro_tv_container ul {
    margin: 0 0 0 10px;
    padding: 0;
}

a.ro_tv_selected {
    background: #fff;
    font-weight: bold;
}

.ro_tv_container li a {
    color: #333;
    display: block;
    text-decoration: none;
    border-bottom: solid 1px #f2f2f2;
    padding: 8px 0 8px 3px;
}

    .ro_tv_container li a:hover {
        color: #000;
        background-color: #f2f2f2;
        text-decoration: underline;
    }

    .ro_tv_container li a.tv_closed:hover, .ro_tv_container li a.tv_opened:hover {
        background-color: #f2f2f2;
    }

.ro_tv_closed {
    color: #ccc;
    background: #fff url(../images/recentobjects.png) no-repeat 8px -190px;
    width: 35px;
    height: 15px;
    position: absolute;
    right: 0px;
    display: block;
}

.ro_tv_opened {
    background: #fff url(../images/recentobjects.png) no-repeat 8px -457px;
    width: 35px;
    height: 15px;
    position: absolute;
    right: 0px;
    display: block;
}

.ro_widget_collapsed {
    margin-left: 28px;
    text-align: left;
}

.ro_widget_expanded {
    margin-left: 340px;
    text-align: left;
}

.addinfo_input select, .addinfo_input input {
    width: 100px;
    font-size: 11px;
    color: #242424;
    text-align: left;
}

.vdLeft, .vdRight {
    float: left;
    font-family: 'Trebuchet MS', Arial, Sans-Serif;
}

.vdLeft {
    width: 190px;
    text-align: center;
}

    .vdLeft img {
        width: 150px;
        height: auto;
    }

.vdPrice {
    font-weight: bold;
    margin-top: 20px;
}

.vdRight {
    width: 250px;
}

    .vdRight H2 {
        color: #F77000;
        font-size: 1.4em;
        text-align: left;
        border-bottom: 0;
    }

    .vdRight p {
        font-weight: bold;
        margin-top: 50px;
    }

.vdAttributes {
    height: 185px;
    overflow: auto;
}

    .vdAttributes table {
        width: 100%;
        border-top: 2px solid #eee;
    }

        .vdAttributes table tr:nth-child(odd) td, .vdAttributes table tr:nth-child(odd) th {
            background: #fafafa;
        }

        .vdAttributes table td {
            border-bottom: 1px solid #eee;
            vertical-align: top;
        }

        .vdAttributes table th {
            border-bottom: 1px solid #eee;
            vertical-align: top;
            font-weight: bold;
            text-align: right;
        }

            .vdAttributes table th li {
                text-align: left;
            }

.vdAttributesSimpleWithoutImage {
    overflow: auto;
    font-size: 0.5em;
    text-align: left;
}

    .vdAttributesSimpleWithoutImage table {
        width: 100%;
        border-top: 2px solid #eee;
        text-align: left;
        font-weight: normal;
    }

        .vdAttributesSimpleWithoutImage table tr:nth-child(odd) td, .vdAttributes table tr:nth-child(odd) th {
            background: #fafafa;
        }

        .vdAttributesSimpleWithoutImage table td {
            border-bottom: 1px solid #eee;
            vertical-align: top;
            text-align: left;
        }

        .vdAttributesSimpleWithoutImage table th {
            border-bottom: 1px solid #eee;
            vertical-align: top;
            font-weight: bold;
            text-align: left;
        }

            .vdAttributesSimpleWithoutImage table th li {
                text-align: left;
            }

.vdButtonAddToQuote {
    margin-top: 110px;
}

.vdSimpleView {
    font-family: 'Trebuchet MS', Arial, Sans-Serif;
}

    .vdSimpleView table {
        width: 100%;
        font-size: 1.4em;
        margin-top: 20px;
    }

        .vdSimpleView table th {
            text-align: left;
        }

        .vdSimpleView table td {
            text-align: left;
            width: 150px;
        }

.vdHeader h2 {
    color: #333;
    font-size: 1.2em;
    text-align: left;
    border-bottom: 0;
    margin: 0;
}

.catalogsearch {
    float: left;
    width: 500px;
}

.catalogactions {
    float: left;
    padding: 10px 0;
}

.abs_results table {
    margin-left: 10px;
    font-family: "Trebuchet MS",Tahoma,Arial,Serif;
    font-size: 1.2em;
}

    .abs_results table th {
        color: #555;
        padding-right: 10px;
    }

        .abs_results table th b {
            color: #000;
        }

    .abs_results table td a {
        color: #FE7201;
        font-weight: bold;
    }

.outer {
    margin: 10px;
    width: 450px;
    height: 32px;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
}

    .outer input[type="text"] {
        width: 275px;
        display: block;
        margin-bottom: 10px;
        border: 1px solid #fff;
        padding: 5px 2px 4px 5px;
        float: left;
        color: rgb(200, 200, 200);
        background: url(../../../Resources/images/add_search.png) no-repeat right;
    }

.catalog {
    border-right: 1px solid #c9c9c9;
    padding: 9px;
    width: 133px;
    border-radius: 5px 0px 0px 5px;
    color: #f4711f;
    font: 12px Arial;
    font-weight: bold;
    cursor: pointer;
}

.selectCategory {
    position: absolute;
    top: 34px;
    background: #fff;
    left: 10px;
    width: 153px;
    color: #8f8f8f;
    font: bold 11px Arial, Helvetica, sans-serif; /*border-bottom : 1px dashed #7D7D7D;*/
}

    .selectCategory a {
        color: #444;
        text-decoration: none;
        font: 12px Arial;
        font-weight: bold;
        display: block;
        padding: 5px;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

        .selectCategory a:hover {
            color: #ccc;
        }

.select {
    top: -9px;
    left: 10px;
    width: 134px;
    color: #8f8f8f;
    font: bold 11px Arial, Helvetica, sans-serif; /*border-bottom : 1px dashed #7D7D7D;*/
}

    .select a {
        color: #444;
        text-decoration: none;
        font: 12px Arial;
        font-weight: bold;
        display: inline-block;
        width: 134px;
        padding: 5px;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

        .select a:hover {
            color: #ccc;
        }

.arrow {
    float: right;
    width: 20px;
    height: 15px;
    background: url(../images/arrow_down.png) no-repeat right center;
}

    .arrow.opened {
        background: url(../images/arrow_up.png) no-repeat right center;
    }

.outer textarea:focus, input:focus {
    outline: none;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

* html .clearfix {
    height: 1%;
}

/* this is used only to reset user-agent predifened style for 
various types of input boxes, since that was a bug cause*/
table.resetInputPaddingList th input:not([type]),
table.resetInputPaddingList th input[type="color"],
table.resetInputPaddingList th input[type="date"],
table.resetInputPaddingList th input[type="datetime"],
table.resetInputPaddingList th input[type="datetime-local"],
table.resetInputPaddingList th input[type="email"],
table.resetInputPaddingList th input[type="month"],
table.resetInputPaddingList th input[type="number"],
table.resetInputPaddingList th input[type="password"],
table.resetInputPaddingList th input[type="tel"],
table.resetInputPaddingList th input[type="text"],
table.resetInputPaddingList th input[type="time"],
table.resetInputPaddingList th input[type="url"],
table.resetInputPaddingList th input[type="week"] {
    padding: 0;
}

/* drill-down control */
table.drill-Down-Table {
    border: none;
}

.drill-Down-Models-Found {
    margin: 10px 0;
}

    .drill-Down-Models-Found span {
        font-weight: bold;
        color: #ff0000;
    }

td.hide-Fields-Label-Column {
    width: 205px;
}

.drill-Down-Image-Panel {
    display: inline-block;
}

    .drill-Down-Image-Panel td.label-Cell {
        text-align: center;
    }

.selected-Drill-Down-Image {
    border: 2px red solid;
}

table.full-With-One-Button {
    width: 100%;
    text-align: center;
}

body.hierarchical-Drill-Down {
    background-color: #ffffff;
}

.admin_arrow {
    background: url(../../../Resources/images/down.png) no-repeat right;
    padding-right: 10px;
}

.admin_arrow_label {
    background-image: url(../../../Resources/images/down_label.png);
    display: inline;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 27px;
}

.setup_menu_content {
    width: 200px;
    position: absolute;
    display: none;
    background-color: White;
    border-color: Gray;
    z-index: 1003;
    margin-left: 24px;
}

.cpq_leaderboard {
    z-index: 9999;
    position: fixed;
    top: 40px;
    width: 250px;
    background-color: #fff;
    visibility: hidden;
    border: 3px solid #00A8E3;
    right: 72px;
}

/* section used for previous and next tab buttons in configurator */
table.previous-Next-Buttons-Configurator {
    padding: 10px 0;
    font-family: "Trebuchet MS", Arial, sans-serif;
}

.configDiv table.previous-Next-Buttons-Configurator td {
    border: none;
}

table.previous-Next-Buttons-Configurator a.previous-Button {
    padding: 8px 5px 8px 40px;
    background: #00adc1 url(../images/conf_prev.png) no-repeat left;
    border: solid 2px #67e1f3;
}

table.previous-Next-Buttons-Configurator a.next-Button {
    background: #00adc1 url(../images/conf_next.png) no-repeat right;
    border: solid 2px #67e1f3;
    padding: 8px 40px 8px 5px;
}

table.previous-Next-Buttons-Configurator a.next-Add-Update-Save-Button {
    background: #ff783c url(../images/conf_next.png) no-repeat right;
    border: solid 2px #e2e2e2;
    padding: 8px 40px 8px 5px;
}

table.previous-Next-Buttons-Configurator a.Configurator-Save-Button {
    background-color: #00adc1;
    padding: 8px 5px 8px 5px;
    border: solid 2px #67e1f3;
    margin-right: 10px;
}

table.previous-Next-Buttons-Configurator a.next-Button,
table.previous-Next-Buttons-Configurator a.next-Add-Update-Save-Button,
table.previous-Next-Buttons-Configurator div#NextButtonMessageDiv,
table.previous-Next-Buttons-Configurator a.Configurator-Save-Button {
    float: right;
}

table.previous-Next-Buttons-Configurator a.previous-Button,
table.previous-Next-Buttons-Configurator a.next-Button,
table.previous-Next-Buttons-Configurator a.next-Add-Update-Save-Button,
table.previous-Next-Buttons-Configurator a.Configurator-Save-Button {
    color: #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bold;
}

table.previous-Next-Buttons-Configurator a:hover {
    color: #ccc;
}

.current_quote_img {
    position: relative;
    padding-top: 33px;
    text-align: center;
    width: 100px;
}

.current_quote {
    position: relative;
}

    .current_quote span {
        display: none;
    }

    .current_quote:hover span {
        display: block;
    }

.view_quote_items {
    position: absolute;
    text-align: center;
    margin: 0;
    right: 10px;
    width: 500px;
    height: 260px;
    z-index: 1001;
    padding: 3px;
}

.psw_add {
    background: #fff url(../../../Resources/images/add.png) no-repeat 3px 3px;
    padding-left: 15px !important;
    padding-right: 5px !important;
    color: #2e55c5;
    border: solid 1px #2e55c5;
    border-width: 0 0 1px 0;
    font-weight: bold;
    cursor: pointer;
}

.psw_addremove {
    background: #fff url(../../../Resources/images/addremove.png) no-repeat 3px 2px;
    padding-right: 5px !important;
    padding-left: 15px !important;
    color: #2e55c5;
    font-weight: bold;
    border: solid 1px #2e55c5;
    border-width: 0 0 1px 0;
    cursor: pointer;
}

/* Export Import stilovi */
.stepNumber {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    font-size: 1.3em;
    color: #777;
    width: 100px;
}

.stepLabel {
    font-weight: bold;
    color: #666666;
    background-color: #FBFBDC;
    border: 1px solid #CECE9E;
}

.HeadTitle {
    font: bold 1.2em "Trebuchet MS",Arial, sans-serif;
    color: #333;
    background: #fff url(../images/head_bgl.png) repeat-x left;
    padding-left: 10px;
    text-align: left;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.stepBorder {
    text-align: center;
    padding: 10px;
    border-style: solid;
    border-width: thin;
    border-color: #ccc;
    width: 720px;
}

.productimport h4 {
    color: #777;
    margin: 5px 0;
}

    .ml table thead th {
        background-color: #555;
        color: #FFF;
        font-weight: bold;
        padding: 2px;
    }

        .ml table thead th.defaultlang {
            background-color: #ccc;
        }

    .ml table tbody th {
        background-color: #ccc;
        text-align: right;
        padding: 2px;
    }

    .ml table tbody td {
        background-color: #fdfdfd;
        padding: 2px;
    }

    .ml table td.alt {
        background-color: #eee;
    }

    .ml table td.section {
        text-align: left;
        background-color: #fff;
        border-bottom: dashed 1px #333;
        font-weight: bold;
    }

.selectlanglabel {
    width: 80px;
    padding: 5px;
    font-weight: bold;
}

.selectlangtablelabel {
    width: 110px;
    padding: 5px;
    font-weight: bold;
}

.selectlang {
    position: absolute;
    left: 140px;
    top: 0;
    margin-bottom: 5px;
}

.selectlang b {
    display: block;
    color: #000;
    font-weight: normal;
    padding: 5px;
    width: 100%;
    cursor: pointer;
    background: url(../../../Resources/images/select_bg.png) no-repeat;
}

.selectlang .language {
    text-align: left;
    color: #333;
    border-bottom: solid 1px #ccc;
    padding: 3px 0;
    width: 148px;
}

.selectlang .languagecontainer {
    background-color: #fff;
}

.selectlang .language a {
    text-decoration: none;
    color: #333;
}

.lg_container_small {
    width: 350px;
    margin: 0 auto;
    padding: 100px 0;
    display: block;
}

.lg_img_container img {
    height: 25px;
    margin-bottom: 36px;
}

.guest-user-message {
    max-width: 315px;
    text-align: center;
    border: 1px solid #FFEEAC;
    font-weight: normal;
    padding: 5px;
    margin: 25px auto 0 auto;
    background-color: #FFFFE0;
    color: #242424;
}

.registration-form {
    margin-top: 36px;
}

    .registration-form input:not([type="submit"]) {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 5px;
    }

.logintable ul li select {
    width: 330px !important;
}

.guest-user-message {
    margin: 0 0 10px 0;
}

.sap-logo {
    display: block;
    margin: 0 auto;
    height: 25px;
}

.centered-text-container {
    text-align: center;
}

.logintable {
    border: none;
    margin: 0 auto;
    padding-top: 0;
}

/* responsive button styles */
#ctl00_ctl00_MainContentPlaceHolder_MultiUserContentPlaceHolder_toggleResponsiveDesignBtn {
    background-color: #49BF67;
    border: 1px solid #3a9852;
    margin-bottom: 10px;
}

/* quote layout arrows styles */
.add-remove-arrows {
    display: block;
    margin: 3px;
}

.custom-iframe-tab {
    width: 100%;
    height: 800px;
}


/*---media querries---*/

/* DESKTOP, LARGE SCREENS */
@media only screen and (min-width: 1200px) {
    .lg_col_2 {
        width: 48%;
    }
}

/* DESKTOP < 1200px */
@media only screen and (max-width: 1200px) {
    .lg_col_2 {
        width: 48%;
    }
}

/*  IPAD LANDSCAPE */
@media only screen and (max-width: 1024px) {
}

/*  IPAD PORTRAIT */
@media handheld, only screen and (max-width: 768px) {
    .lg_container {
        width: 100%;
        margin: 15px auto;
    }

    .lg_container img {
        display: block;
        margin: 0px auto;
    }

    .lg_img_container {
        margin: 0 auto;
    }

        .lg_img_container img {
            margin-top: 25px;
        }

    .logintxt {
        display: none;
    }

    .logintable {
        border: none;
    }

    .footer p span {
        display: none;
    }

    .footer img {
        margin: 16px;
    }
}

/*  IPHONE LANDSCAPE */
@media handheld, only screen and (max-width: 480px) {
    .captchaLayer {
        width: 80%;
    }

    .logintable {
        margin: 0 auto;
    }

    .column_2 {
        width: 98%;
    }

    .footer p span {
        display: none;
    }

    .lg_container_small {
        margin: 0 auto;
        padding: 25px 0;
    }

    .lg_col_2 {
        margin: 0;
        padding: 10% !important;
        width: 100vw !important;
        height: calc(100vh - 40px);
        min-height: 100%;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .footer {
        background: #fff;
    }

    .registration-form {
        margin-top: 16px;
    }
}

/*  IPHONE PORTRAIT */
@media handheld, only screen and (max-width: 320px) {
    .lg_container {
        width: 100% !important;
    }

    .logintable {
        width: 100%;
    }

    .captchaLayer {
        width: 80%;
    }
}

/* SO SMALL PHONES */
@media handheld, only screen and (max-width: 240px) {
}


/* Export Import stilovi */
.stepNumber {
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    background-color: #3399CC;
    border: 1px solid #3399CC;
    width: 100px;
}

.stepLabel {
    font-weight: bold;
    color: #666666;
    background-color: #FBFBDC;
    border: 1px solid #CECE9E;
}

.import-export-table {
    width: 99%;
    overflow: auto;
    margin: 0 10px;
}

    .uploadconf table {
        border: solid 1px #ccc;
        border-collapse: collapse;
    }

        .uploadconf table td {
            border: solid 1px #ccc;
            padding: 10px 15px;
        }

    .uploadconf .dwnldconf {
        background: transparent url(../images/download_ico.png) no-repeat;
        color: #333;
        padding: 5px 5px 5px 40px;
    }

    .uploadconf table td label {
        padding: 5px;
        color: #555;
    }

    .uploadconf .applyconf {
        background: #FE7201;
        color: #fff;
        text-decoration: none;
        padding: 5px 10px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
    }

    .uploadconf .applyconfdisabled {
        background: #CCCCCC;
        color: #fff;
        text-decoration: none;
        padding: 5px 10px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        cursor: default;
    }

        .uploadconf .applyconfdisabled:hover {
            color: #fff;
        }

#ctl00_MainContentPlaceHolder_pnlDragable {
    left: 400px !important;
}


/* Document Generation Templates CSS - start*/
.templatesortup, .templatesortdown, .templatesortempty {
    text-indent: -9999em;
    font-size: 1px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
}

.templatesortup {
    background-image: url(../images/sort_up.png);
    background-repeat: no-repeat;
    overflow: hidden;
}

.templatesortdown {
    background-image: url(../images/sort_down.png);
    background-repeat: no-repeat;
    overflow: hidden;
}

.dgt_hint {
    text-decoration: none;
    color: #999 !important;
    display: block;
    font-family: arial;
    font-size: 11px !important;
    font-weight: bold;
}

a.dgt_tools_open, a.dgt_tools_open:hover, a.dgt_tools_open:visited {
    outline: 0px;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #f57000;
    background: transparent url(../images/nc_closed.png) no-repeat right;
    padding: 5px 20px 5px 5px;
}

.dgt_edit {
    outline: 0px;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
}

.dgt_delete {
    outline: 0px;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
}

.dgt_sortup {
    outline: 0px;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
}

.dgt_sortdown {
    outline: 0px;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
}

.dgt_sortup_disabled {
    outline: 0px;
    padding: 5px 5px 5px 5px;
    cursor: default;
}

.dgt_sortdown_disabled {
    outline: 0px;
    padding: 5px 5px 5px 5px;
    cursor: default;
}

a.dgtpopupheader {
    outline: 0px;
    font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
    color: #333;
    background: transparent;
}

    a.dgtpopupheader:hover {
        color: #f57000;
    }


/* Document Generation Templates CSS - end */

/* Bulk validations css */
.bulk-validations-classic {
    width: 550px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 48px !important;
}

    .bulk-validations-classic .message.custom-info-message {
        width: 530px;
        margin: 5px auto;
        text-align: left;
    }

/* Bulk validations css - end */
#templateTagBuilderBox {
    display: block;
    border: 1px solid #ddd;
    width: 220px !important;
    border-radius: 5px;
    margin: 30px auto 5px;
    padding: 5px;
}

    #templateTagBuilderBox > a {
        background: url("/mt/DEFAULT/images/trsetup.png") no-repeat 0% 40%;
        display: inline-block;
        padding-left: 50px;
        line-height: 30px;
        padding-bottom: 0px;
    }

.manageSimpleProductListItemRow {
    display: inline-table;
    margin-top: 3px;
    margin-bottom: 3px;
}

    .manageSimpleProductListItemRow * {
        display: table-cell;
        vertical-align: middle;
    }

@font-face {
    font-family: SAP-icons;
    src: url(/Content/fonts/SAP-icons.eot);
    src: url(/Content/fonts/SAP-icons.woff) format("woff"), url(/Content/fonts/SAP-icons.woff2) format("woff2"), url(/Content/fonts/SAP-icons.ttf) format("Truetype"), url(/Content/fonts/SAP-icons.vfb) format("vfb");
    font-weight: normal;
}

.sap-icon {
    font-family: 'SAP-icons';
}

.unlock-user {
    font-family: 'SAP-icons';
    color: cornflowerblue;
}

/* #region fiori3 login restyle */
.login-page-container {
    min-height: calc(100vh - 65px);
    height: calc(100% - 65px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background: #edeff0;
    margin-top: -5px;
    margin-bottom: -20px;
}

.login-page-inner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-height: calc(100vh - 90px);
    height: calc(100% - 90px);
    padding: 30px 0;
}

.lg_container {
    font-family: '72', sans-serif;
}

.lg_col_2 {
    width: 310px;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    font-family: '72', sans-serif;
}

    @media all and (max-width: 768px) {
        .login-page-inner-wrapper {
            -webkit-align-items: flex-start;
            align-items: flex-start;
        }

        .lg_col_2 {
            margin-top: 20%;
        }
    }

    @media all and (max-width: 480px) {
        .lg_col_2 {
            margin: 0;
        }

        .login-page-inner-wrapper {
            padding: 0;
        }

        .footer.login-footer {
            background: #fff !important;
        }
    }

.lg_col_2 .btn {
    font-weight: normal;
    font-size: 14px;
}

.lg_img_container > img {
    display: block;
    height: 24px;
    width: auto;
    margin: 0;
    margin-bottom: 21px;
}

.fiori3-form li {
    padding: 0;
}

    .fiori3-form li:not(.domain-name) {
        margin-bottom: 18px;
    }

.fiori3-form li span.loginTableLabel,
.fiori3-form li span.loginTableLabelRequired,
.fiori3-form .forgot-pass-label {
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    padding: 0;
    padding-bottom: 4px;
    margin-bottom: 0;
    color: #6f7275;
    display: inline-block;
}

.fiori3-form li .login-input[type="text"],
.fiori3-form li .login-input[type="password"],
.fiori3-form input:not([type="submit"]) {
    height: 27px;
    line-height: 26px;
    border-radius: 4px !important;
    border: 1px solid #ceced0;
    color: #32363a;
    padding: 0 6px;
    margin-bottom: 3px;
}

.fiori3-form input[type="checkbox"] {
    height: auto;
    /* fallback for IE */
    line-height: normal; 
    line-height: initial;
}

    .fiori3-form li .login-input::placeholder,
    .fiori3-form li .login-input::-ms-input-placeholder,
    .fiori3-form input:not([type="submit"])::-ms-input-placeholder {
        color: #74777a;
    }

    .fiori3-form li .login-input:hover,
    .fiori3-form li .login-input:focus,
    .fiori3-form input:not([type="submit"]):hover,
    .fiori3-form input:not([type="submit"]):focus {
        border-color: #7bbaf9 !important;
        color: #32363a;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .fiori3-input-group input:focus,
    .fiori3-input-group textarea:focus,
    .fiori3-form li .login-input:focus,
    .fiori3-form input:not([type="submit"]):focus {
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
        outline: none;
    }

    .fiori3-form li .login-input[disabled]:hover,
    .fiori3-form input:not([type="submit"])[disabled]:hover {
        border-color: #ceced0 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: not-allowed;
    }

.forgot-pass-label span {
    color: #e9730c;
}

.mainloginbtn input {
    background: #0a6ed1;
    margin-top: 10px;
}

.loginlink {
    text-decoration: none;
    padding: 0;
}

.lost-forgot-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
}

.additionalbuttons ul {
    padding: 0;
}

.fiori3-checkbox-group input {
    opacity: 0;
}

.fiori3-checkbox-group label {
    position: relative;
    line-height: 19px;
    font-size: 14px;
    display: inline-block;
    padding-left: 8px;
    cursor: pointer;
}

    .fiori3-checkbox-group input:checked ~ label::after {
        content: '\e05b';
        font-family: 'SAP-icons';
        font-size: 12px;
        position: absolute;
        left: -16px;
        top: -1px;
        color: #fff;
    }

    .fiori3-checkbox-group input:checked ~ label::before {
        background-color: #0854a1;
        border: 1px solid #0854a1;
        cursor: pointer;
    }

    .fiori3-checkbox-group label::before {
        content: '';
        width: 16px;
        height: 16px;
        position: absolute;
        left: -19px;
        border: 1px solid #ceced0;
        border-radius: 4px;
        cursor: pointer;
        box-sizing: border-box;
    }

    .fiori3-checkbox-group input:hover ~ label::before {
        border: 1px solid #7bbaf9;
    }

    .fiori3-checkbox-group input:checked:hover ~ label::before {
        border: 1px solid #0854a1;
    }

    .fiori3-checkbox-group input:focus ~ label::before {
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
        border: 1px solid #7bbaf9;
    }

    .fiori3-checkbox-group input:checked:focus ~ label::before {
        border: none;
    }

.lg_col_2 > ul {
    list-style: none;
    padding-left: 0;
}

.registration-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
}

.registration-buttons input {
    width: 100%;
    font-weight: normal;
}

.registration-buttons input:first-child {
    margin-bottom: 10px;
}

.register-heading,
.lost-password-heading {
    font-weight: normal;
    color: #32363a;
    font-size: 16px;
    margin-bottom: 21px;
}

.lost-password-heading {
    background: #fff;
    margin-bottom: 0;
}

.fiori3-btn-primary {
    height: 26px;
    padding: 0 16px;
    background-color: #0a6ed1;
    color: #fff;
    border-radius: 4px;
    width: 100%;
}

    .fiori3-btn-primary:hover,
    .fiori3-btn-primary:active {
        background-color: #0252a2;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
    }

    .fiori3-btn-primary:focus {
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
        border: 1px solid #7bbaf9;
        outline: none;
    }

    .fiori3-btn-primary:disabled,
    .fiori3-btn-primary.disabled {
        background: #0252a2;
        opacity: 0.4;
        border-color: transparent;
    }

.fiori3-btn-secondary {
    height: 26px;
    padding: 0 16px;
    background-color: #fff !important;
    color: #0a6ed1 !important;
    border-radius: 4px;
    border: 1px solid #0a6ed1 !important;
}

    .fiori3-btn-secondary:hover,
    .fiori3-btn-secondary:focus,
    .fiori3-btn-secondary:active {
        color: #0252a2 !important;
        border: 1px solid #0252a2 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

   .fiori3-btn-secondary:disabled,
   .fiori3-btn-secondary.disabled {
        color: #9abada !important;
        border: 1px solid rgba(154,186,218,0.4) !important;
        opacity: 0.4;
    }

.loginTableLabelRequired span,
.RequiredField {
    color: #e9730c;
}

.RequiredField {
    margin-top: 5px;
}

.domain-cell {
    margin-top: 21px;
}

.password-reset-text-container {
    margin-bottom: 21px;
}

.footer.login-footer {
    height: 45px;
    text-align: center;
    box-sizing: content-box;
    color: #32363a;
    background: #edeff0;
    position: static;
}

.remember-me-container {
    margin-bottom: 17px;
}

@font-face {
    font-family: SAP-icons;
    src: url(../../../Content/fonts/SAP-icons.eot);
    src: url(../../../Content/fonts/SAP-icons.woff) format("woff"), url(../../../Content/fonts/SAP-icons.woff2) format("woff2"), url(../../../Content/fonts/SAP-icons.ttf) format("Truetype"), url(../../../Content/fonts/SAP-icons.vfb) format("vfb");
    font-weight: normal;
}
/* #endregion */

/* #region Focus styles */
a:focus {
    outline: 2px solid #7bbaf9;
    outline-offset: 0;
}

.btn:focus {
    border: 1px solid #7bbaf9 !important;
    background-color: #0252a2;
}

.btn:focus,
input[type="text"]:focus,
textarea:focus {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
    border-color: #7bbaf9 !important;
    outline: none;
}

.btn:active:focus {
    outline: none;
}

.btn-primary, .btn-tertiary {
    border: 1px solid transparent !important;
}

    .fiori3-btn-primary:focus, .fiori3-btn-tertiary:focus {
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
        border-color: #7bbaf9 !important;
        outline: none;
    }

.involved-parties-ddl:focus {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
    border-color: #7bbaf9 !important;
    outline: none;
}

/* Makes focus visible if ellipsis is in use. Note that element can't be display: inline; */
.visible-outline-focus {
    margin: 2px;
}
/* end */
/* #endregion */

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#downloadColumn > ul {
    padding: 0;
    list-style: none;
}

.revisions-page-container .fiori3-checkbox-group input {
    opacity: 1;
}

.revisions-page-container .fiori3-select-group select {
    width: 90px;
}

.revisions-page-container .fiori3-input-group textarea {
    width: 270px;
    height: 40px;
}

.revisions-page-container .fiori3-btn-tertiary {
    color: #408cd1;
    background-color: #fff;
    text-decoration: none;
}

    .revisions-page-container .fiori3-btn-tertiary:hover {
        text-decoration: underline;
    }

.revisions-table-container table,
.compare-revisions-page-container table {
    border: 1px solid #AFAFAF;
    border-collapse: collapse;
    background: #fff;
}

.revisions-table-container table th, .revisions-table-container table td,
.compare-revisions-page-container table th, .compare-revisions-page-container table td {
    border: 1px solid #AFAFAF; 
}

.revisions-table-container table th,
.compare-revisions-page-container table th {
    color: #222;
    font-size: 1em;
    font-weight: bold;
    background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom;
    padding: 3px;
}

.revisions-table-container table td,
.compare-revisions-page-container table td {
    padding: 2px 3px;
    color: #616161;
}

.compare-revisions-page-container {
    width: 1300px;
    margin: 0 auto;
}