@import url('common/global_buttons.css?cv=2');
@import url('common/global_grid.css?cv=2');
@import url('common/global_loaders.css?cv=2');
@import url('common/me-ui.css?cv=2');

@import url('tabs.css');
@import url('basket.css');

/* 
    Order:
    
    reset.css
    global.css
    bdt.main.css or mitsubishielectric.css or.....
*/

.me-ui tbody,
.me-ui tfoot,
.me-ui thead,
.me-ui tr,
.me-ui th,
.me-ui td,
.me-ui table {
    zoom: 1;
    padding: 0;
    margin: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
}

.me-ui table {
    border-spacing: 0;
    border-collapse: collapse;
}



.width-100,
.width-full,
.fullwidth {
    width: 100%;
}

img.width-full,
img.fullwidth {
    width: auto;
    max-width: 100%;
}

img.width-full-expand,
.width-full-expand img {
    width: 100%;
    max-width: 100%;
}


html, body {
    padding: 0px;
    margin: 0px;
    height: 100%;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 13pt;
    color: #58595b;
    text-align: left;
    background-color: #FFFFFF;
}

    body table {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        line-height: 13pt;
        color: #58595b;
        text-align: left;
    }

input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 13pt;
}

p {
    margin-top: 1.0em;
    margin-bottom: 1.5em;
}

sup, .sup {
    font-size: 75%;
    vertical-align: top;
    text-decoration: none;
}

sub, .sub {
    font-size: 75%;
    vertical-align: bottom;
    text-decoration: none;
}

.pagecenter {
    max-width: 1000px;
    min-width: 760px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
}

.pagelayout {
    border: 1px solid #999966;
    max-width: 960px;
    min-width: 760px;
    background: white;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

.body {
    font-size: 9pt;
    line-height: 13pt;
    color: #58595b;
}

.medium {
    font-size: 8.5pt;
    line-height: 13pt;
    color: #58595b;
    font-weight: normal;
}

.small {
    font-size: 7.5pt;
    line-height: 11pt;
    color: #484848;
    font-weight: normal;
}

.large {
    font-size: 14px;
    line-height: 18pt;
}

.black {
    color: #000000;
}

.justify {
    text-align: justify;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.center {
    text-align: center !important;
}


/* colours */

.black {
    color: #000000 !important;
}

.white {
    color: white !important;
}

.red {
    color: red !important;
}

.green {
    color: green !important;
}

.whitebg,
.bg-white {
    background-color: #fff;
}

.bg-lt-orange {
    background-color: #fdd279;
}

.bold {
    font-weight: bold !important;
}

.gap {
    font-size: 0px;
    line-height: 0px;
    width: 1px;
}

.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}


h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    line-height: 1.4em;
    margin: 1.2em 0px 0.5em 0px;
}

h1 {
    font-size: 28px;
}


h3, h2 {
    font-size: 18px;
    margin-top: 1.6em;
}

h4 {
    font-size: 14px;
    margin-top: 1.8em;
    color: #333;
}

h5 {
    font-size: 14px;
    margin-top: 1.2em;
    color: #333;
}


    /*Adds an underline*/
    h2.rule,
    h3.rule,
    h4.rule,
    h5.rule {
        border-bottom-color: #ddd;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    h1:first-child,
    h4:first-child,
    h5:first-child {
        margin-top: 0px !important;
    }



.nobr {
    white-space: nowrap;
}

.hrule {
    padding: 0px;
    border-bottom-color: #ddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-top: 8px;
    margin-bottom: 9px;
    height: 1px;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.whitebg {
    background-color: #fff;
}

.nowrap {
    white-space: nowrap;
}



.moremargintop,
h1.moremargintop {
    margin-top: 50px !important;
}

.nomargintop {
    margin-top: 0px !important;
}

.nomarginbottom {
    margin-bottom: 0px !important;
}

.margintop {
    margin-top: 10px !important;
}

.notopborder {
    border-top: none !important;
}




/* border */
.border-top-1 {
    margin-top: 1rem !important;
    border-top: 1px solid #ddd;
    padding-top: 1rem !important;
}

.border-top-2 {
    margin-top: 2rem !important;
    border-top: 1px solid #ddd;
    padding-top: 2rem !important;
}

.border-top-3 {
    margin-top: 3rem !important;
    border-top: 1px solid #ddd;
    padding-top: 2rem !important;
}

.border-top-4 {
    margin-top: 4rem !important;
    border-top: 1px solid #ddd;
    padding-top: 2rem !important;
}

.border-top-5 {
    margin-top: 5rem !important;
    border-top: 1px solid #ddd;
    padding-top: 2rem !important;
}

/* margin */
.margin-05 {
    margin: .5rem;
}

.margin,
.margin-1 {
    margin: 1rem !important;
}

.margin-2 {
    margin: 2rem !important;
}

.margin-3 {
    margin: 3rem !important;
}


.margin-top,
.margin-top-1 {
    margin-top: 1rem !important;
}

.margin-top-2 {
    margin-top: 2rem !important;
}

.margin-top-3 {
    margin-top: 3rem !important;
}

.margin-top-4 {
    margin-top: 4rem !important;
}

.margin-top-5,
.margin-top-more {
    margin-top: 5rem !important;
}

.margin-top-05 {
    margin-top: .5rem;
}

.margintop {
    margin-top: 10px !important;
}

.moremargintop {
    margin-top: 50px !important;
}

.margin-right-05 {
    margin-right: .5rem;
}

.margin-right-1 {
    margin-right: 1rem;
}

.margin-left-05 {
    margin-left: .5rem;
}

.margin-left-1 {
    margin-left: 1rem;
}


.margin-bottom,
.margin-bottom-1 {
    margin-bottom: 1rem !important;
}

.margin-bottom-2 {
    margin-bottom: 2rem !important;
}

.margin-bottom-3 {
    margin-bottom: 3rem !important;
}

.margin-bottom-4 {
    margin-bottom: 4rem !important;
}

.margin-bottom-5 {
    margin-bottom: 5rem !important;
}

.margin-bottom-no,
.nomarginbottom {
    margin-bottom: 0px !important;
}

.margin-bottom-05 {
    margin-bottom: .5rem;
}


.margin-top-0,
.margin-top-no,
.nomargintop {
    margin-top: 0px !important;
}

.margin-0,
.margin-no {
    margin: 0 !important;
}


/* padding */
.padding,
.padding-1 {
    padding: 1rem !important;
}

.padding-2 {
    padding: 2rem !important;
}

.padding-3 {
    padding: 3rem !important;
}

.padding-top-1 {
    padding-top: 1rem !important;
}

.padding-top-2 {
    padding-top: 2rem !important;
}

.padding-top-3 {
    padding-top: 3rem !important;
}

.padding-top-4 {
    padding-top: 4rem !important;
}

.padding-top-5 {
    padding-top: 5rem !important;
}

.padding-no {
    padding: 0 !important;
}


/* border */
.border-top-no,
.notopborder {
    border-top: none !important;
}

.border {
    border: 1px solid #ddd;
}

.border-red {
    border-color: #ff3333;
}

.border-no,
.noborder {
    border: none !important;
}


.search {
    border-width: 1px 0px 1px 1px;
    padding: 2px 5px 2px 5px;
    color: #484848;
    border-top-color: #7f9db9;
    border-bottom-color: #7f9db9;
    border-left-color: #7f9db9;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    height: 16px;
}

.search-img {
    border-width: 1px 1px 1px 0px;
    border-top-color: #7f9db9;
    border-bottom-color: #7f9db9;
    border-top-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
    border-right-color: #7f9db9;
}

.copyright {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    line-height: 13pt;
    color: #484848;
    text-align: left;
}




/*--- START HEADERS ---*/

/*--- Global nav ---*/
div.global_nav_home {
    padding-top: 5px;
}

div.global_nav_login,
div.global_nav_logoff,
div.global_nav_dealer,
div.global_nav_myhome,
div.global_nav_pulldown,
div.global_nav_img {
    float: right;
    margin-left: 8px;
    margin-top: 5px;
}

div.global_nav_pulldown {
    padding-top: 5px;
}


div.global_nav_login a {
    display: block;
    height: 30px;
    width: 60px;
    background-position: 0px 0px;
    background-image: url('/images/golbal_login_button.gif');
    background-repeat: no-repeat;
    text-indent: -9999px;
}

div.global_nav_logoff a {
    display: block;
    height: 30px;
    width: 60px;
    background-position: 0px 0px;
    background-image: url('/images/golbal_logoff_button.gif');
    background-repeat: no-repeat;
    text-indent: -9999px;
}

div.global_nav_dealer a {
    display: block;
    height: 30px;
    width: 60px;
    background-position: 0px 0px;
    background-image: url('/images/golbal_dealer_button.gif');
    background-repeat: no-repeat;
    text-indent: -9999px;
}

div.global_nav_myhome a {
    display: block;
    height: 30px;
    width: 60px;
    background-position: 0px 0px;
    background-image: url('/images/golbal_home_button.gif');
    background-repeat: no-repeat;
    text-indent: -9999px;
}

    div.global_nav_login a:hover,
    div.global_nav_logoff a:hover,
    div.global_nav_dealer a:hover,
    div.global_nav_myhome a:hover {
        background-position: 0px bottom;
    }


/*--- BDT ---*/
#bdtheaderbar {
    background-position: center;
    background: #1d1d1d;
    background-image: url('/mitsubishielectric/images/golbal_header_bg.gif');
    background-repeat: repeat-x;
    height: 40px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}

    #bdtheaderbar .pagecenter {
        max-width: 960px;
    }


/*--- AERMEC abcc59 ---*/
#aermecheaderbar {
    background: #575756;
    height: 40px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}

    #aermecheaderbar .pagecenter {
        max-width: 960px;
    }

/*--- MELVIEW ---*/
/*#melviewheaderbar {
    background: #575756;
    height: 40px;
    border-bottom-style: solid; 
    border-bottom-width: 1px; 
    border-bottom-color: black;
    
}
#melviewheaderbar .pagecenter {
    max-width: 960px;
}*/



/*--- ME ---*/
#meheaderbar {
    background-position: center;
    background: #1d1d1d;
    background-image: url('/mitsubishielectric/images/golbal_header_bg.gif');
    background-repeat: repeat-x;
    height: 40px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}

    #meheaderbar .pagecenter {
        max-width: 960px;
    }

#meheaderbar2 {
    background-position: center;
    background: #1d1d1d;
    background-image: url('/mitsubishielectric/images/golbal_header_bg.gif');
    background-repeat: repeat-x;
    height: 40px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}


/*--- OLD ---*/

.headerbar {
    background-color: #ECE9D8;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #D8D2BD;
    text-align: center;
    padding-top: 1px;
}

.headerbarline {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}


/*--- END HEADERS ---*/






.page-cc-25 {
    display: table;
    margin: 25% auto;
}

.page-cc-40 {
    display: table;
    margin: 40% auto;
}

.page-cc {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pageleft,
.page-l {
    padding-right: 35px;
    padding-bottom: 10px;
    float: left;
    min-height: 1px;
}

.pageright,
.page-r {
    padding-left: 35px;
    padding-bottom: 10px;
    float: right;
    min-height: 1px;
}



.feature_list {
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    list-style-type: disc;
    padding-left: 8px;
}

.feature_box li {
    padding-top: 5px;
}


.code-block {
    background: #ececec;
    border: 1px dashed #333;
    border-radius: 0.5rem;
}

    .code-block pre {
        background: #ececec;
        margin: 1em;
    }

.border-red {
    border-color: #ff3333;
}



/* Expandable Section */
.sec_exp {
    margin-top: 4px;
}

    .sec_exp .collapsed, .sec_exp .expanded {
        color: #08c;
        text-decoration: underline;
    }

.expand-button {
    display: inline-block;
    background: #e3e3e3;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -ms-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -o-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333;
}


    .expand-button:hover {
        color: #222;
        border: 1px solid #3c7fb1;
        background: #eaf6fd; /* #d9d9d9 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf6fd', endColorstr='#afdef8');
        background: -webkit-gradient(linear, left top, left bottom, from(#eaf6fd), to(#afdef8));
        background: -webkit-linear-gradient(top, #eaf6fd, #afdef8);
        background: -moz-linear-gradient(top, #eaf6fd, #afdef8);
        background: -ms-linear-gradient(top, #eaf6fd, #afdef8);
        background: -o-linear-gradient(top, #eaf6fd, #afdef8);
        background: linear-gradient(top, #eaf6fd, #afdef8);
        color: #222;
        cursor: pointer;
    }

    .expand-button p {
        margin: 0;
        padding: 0 10px 0 22px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }

        .expand-button p.collapsed {
            background-image: url(/images/arrow_down.png);
            background-position: 7px 7px;
            background-repeat: no-repeat;
        }

        .expand-button p.expanded {
            background-image: url(/images/arrow_up.png);
            background-position: 7px 7px;
            background-repeat: no-repeat
        }



/* button */
.me-btn {
    margin: .5em 0;
    padding: .7em 1em;
    min-width: 50px;
    display: inline-block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-clip: padding-box;
    text-decoration: none !important;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333 !important;
    font-size: 1em;
    line-height: 1.3;
    border-width: 1px;
    border-style: solid;
}

a.me-btn:hover {
    background: #eeeeee;
    color: red !important;
}

.me-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

.me-corner {
    border-radius: .4em;
}

a.me-fade {
    background: #f6f6f6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee');
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee));
    background: -webkit-linear-gradient(top, #fafafa, #eeeeee);
    background: -moz-linear-gradient(top, #fafafa, #eeeeee);
    background: -ms-linear-gradient(top, #fafafa, #eeeeee);
    background: -o-linear-gradient(top, #fafafa, #eeeeee);
    background: linear-gradient(top, #fafafa, #eeeeee);
}

    a.me-fade:hover {
        background: #f6f6f6;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#fafafa');
        background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#fafafa));
        background: -webkit-linear-gradient(top, #e5e5e5, #fafafa);
        background: -moz-linear-gradient(top, #e5e5e5, #fafafa);
        background: -ms-linear-gradient(top, #e5e5e5, #fafafa);
        background: -o-linear-gradient(top, #e5e5e5, #fafafa);
        background: linear-gradient(top, #e5e5e5, #fafafa);
    }


.me-btn span {
    height: 22px;
    width: 22px;
    margin: -2px 0px 0px 0px;
}

div.me-thumb {
    float: left;
    margin: 0 20px 20px 0;
    text-align: center;
}

    div.me-thumb .me-btn {
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
        width: 172px;
        font-size: 1em;
        border-radius: .4em;
    }

        div.me-thumb .me-btn i {
            font-weight: normal;
            font-size: 0.9em;
            color: #58595b;
        }

img.me-thumb {
    margin: 10px 0;
    border: 1px solid #ddd !important;
}

div.center div.me-thumb {
    float: none;
}

div.me-video,
div.me-block {
    float: left;
    position: relative;
    overflow: hidden;
}

    div.me-video i {
        display: block;
    }




div.me-group {
    overflow: auto;
}

div.me-group-1x-full {
    overflow: auto;
}

div.me-group-1x-nav {
    overflow: auto;
}

div.me-group-2x {
    overflow: auto;
}



div.me-group-1x-full div.me-video {
    float: none;
    width: 100%;
    margin: 0 0 1% 0;
}

    div.me-group-1x-full div.me-video iframe {
        width: 100%;
        height: 516px;
        max-width: 932px;
        max-height: 524px;
    }

div.me-group-2x div.me-video,
div.me-group-2x div.me-block {
    width: 49%;
    margin: 0 0 1% 1%;
}

    div.me-group-2x div.me-video:nth-child(odd),
    div.me-group-2x div.me-block:nth-child(odd) {
        clear: both;
        margin-right: 1%;
        margin-left: 0;
    }

    div.me-group-2x div.me-video iframe {
        width: 100%;
        height: 253px;
        max-width: 456px;
        max-height: 257px;
    }