@CHARSET "ISO-8859-1";

/*body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #EFF0F4;
    margin: 0;
    padding: 0;
}*/
body {
    /*font-family: 'OpenSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    font-family: Arial!important;
    /*color: #777777;*/
    font-size: 13px!important;
    background-color: #EFF0F4;
    color: #000000!important;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../font/opensans-light_0.eot');
    src: url('../font/opensans-light_0.eot') format('embedded-opentype'), url('../font/opensans-light_0.woff') format('woff'), url('../font/opensans-light_0.ttf') format('truetype'), url('../font/opensans-light_0.svg#OpenSansLight') format('svg');
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../font/opensans-regular_0.eot');
    src: url('../font/opensans-regular_0.eot') format('embedded-opentype'), url('../font/opensans-regular_0.woff') format('woff'), url('../font/opensans-regular_0.ttf') format('truetype'), url('../font/opensans-regular_0.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../font/opensans-semibold_0.eot');
    src: url('../font/opensans-semibold_0.eot') format('embedded-opentype'), url('../font/opensans-semibold_0.woff') format('woff'), url('../font/opensans-semibold_0.ttf') format('truetype'), url('../font/opensans-semibold_0.svg#OpenSansSemibold') format('svg');
}

.activebackground {
    background-color:#fff !important ;
        color: #0988FD!important;
        border-bottom:1px solid #ccc;
}
.lang_label {
    margin: 5px 2px;
    color:white;
    float:right;
}
.customerlangdiv {
    float:left;
}
.btn-lang {
    background-color:#484848;
    color:#fff!important;
    
}
.headerparent {
    /*background: linear-gradient(#0988FD,#205E9B);*/
    position: absolute;
    width: 100%;
    height: 120px;
    background: url(../images/qms-digital-signage-backLeft.jpg) repeat-x;
}

.headerBack {
    width: auto;
    height: 120px;
}

    .headerBack .backdiv {
        width: 50%;
        height: inherit;
        float: left;
    }

.headerBackRight {
    background: url("../images/qms-digital-signage-backRight.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: inherit;
    width: 30%;
}

.headerContent {
    width: 100%;
    height: 118px;
    margin: 0 auto;
    opacity: 0.99;
    /*z-index: 100;*/
    z-index: 9;
    /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);*/
    /*background-color:#1f8dfa;*/
    position:relative; 
}

.headerLeft {
    width: 30%;
    height: inherit;
    float: left;
    background: url(../images/qms-digital-signage-backLeft.jpg) repeat-x;
}

.headerRight {
    background: url("../images/qms-digital-signage-backMiddle.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: inherit;
    width: auto;
}

.headerRightTop {
    width: 100%;
    height: 60%;
    margin: 0;
}

.headerRightBottom {
    height: 40%;
    margin: 0;
    padding-top: 5px;
    width: 100%;
}

.headerMenuItem {
    margin: 0;
    float: left;
    color: #fff;
    padding: 5px 14px;
    border-radius: 10px;
    background-color: #484848;
    margin-left: 2%;
    margin-top: 1.5%;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, sans-serif;
    cursor: pointer;
}

    .headerMenuItem:HOVER {
        background-color: #498112;
        font-family: Arial;
    }


#btnsignup {
background: rgb(143, 138, 226);
color: #fff;
font-family: Arial;
font-size: 11px;
padding: 5px;
font-weight: bold;
}

#customer {
    float: right;
    padding-right: 0px;
    padding-top: 23px!important;
    width: 350px;
    margin-right: -13px;
}

.customerlabeldiv {
    float: left;
    width: 64%;
}

.customerbtndiv {
    width: 34%;
float: right;

}

.menulink {
    text-decoration: none;
    color: white;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav {
    float: right;
    font-weight: bold;
    list-style: outside none none;
    /*margin: 6px 21px;*/
    margin: 9px 21px;
    width: auto;
    /* Clear floats */
    /* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}

#navHome {
    float: right;
    font-weight: bold;
    list-style: outside none none;
    margin: -34px 8px;
    width: auto;
}

#nav li, #navHome li {
    float: left;
    margin-right: 10px;
    position: relative;
}

#nav a, #navHome a {
    text-decoration: none;
    display: block;
    margin: 0;
    color: #fff;
    padding: 5px 8px;
    border-radius:10px;
        background-color: #484848;
    /*margin-left: 2%;*/
    margin-top: 1.5%;
    font-weight: bold;
    font-size: 12px;
    /*font-family: Arial, sans-serif;*/
    cursor: pointer;
}

    #nav a:hover, #navHome a:hover {
            background-color:#f1f1f1 ;
        color: #0988FD;
    }

/*--- DROPDOWN ---*/
#nav ul,#navHome ul {
        background-color:#0988FD ; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    width: auto;
    list-style: none;
    position: absolute;
    /*left: -9999px;*/ /* Hide off-screen when not needed (this is more accessible than display:none;) */
    border-radius: 10px;
    padding-top: 7px;
    display:none;
}
 

    #nav ul li,#navHome ul li {
        padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
        float: none;
        width: auto;
        margin-left: -33px;
        text-align: left;
        padding-bottom: 4px;
        text-transform:uppercase;
    }

        #nav ul li a,#navHome ul li a {
              background-color: #0988FD;
color: #FFFFFF;

        }

    #nav ul a,#navHome ul a {
        white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
    }

#nav li:hover ul { /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
    display:block;
     z-index:1;
}
#navHome li:hover ul {
       left: 0; /* Bring back on-screen when needed */
       z-index:1;
        display:block;
}
.SplitLineDiv {
    height: 1px;
    background-color:#0066B1;
    margin-left: -40px;
}
/*------------------------------------*\
	TYPE
\*------------------------------------*/
h1 {
    font-family: Calibri, Arial, Verdana, sans-serif;
    font-size: 2em;
    width: 520px;
}

.menuicon {
    display: none!important;
}
@media (max-width:1170px) {
    #nav a, #navHome a {
        font-size:11px;
        padding:5px 7px;
    }
}
@media (max-width:1140px) {
    .headerBackRight {
        background: none;
    }

    .headerRight {
        float: right;
        width: auto;
    }

    .headerRightBottomContent #nav .menulabel,  #navHome .menulabel, #btnsignup .menulabel {
        display: none;
    }

    .menuicon {
        display: block!important;
    }

    #nav,#navHome {
        width: auto;
        margin-right: 18px;
    }
    /*.hideTooltip {
    display:block;
    }*/
    #nav li:hover ul {
 margin-left:-30px;
    display: block;
    z-index: 1;
}
    #nav li:hover span.hideTooltip, #navHome li:hover span.hideTooltip, #btnsignup:hover span.hideTooltip {
    display: block !important;
}
    #nav a, #navHome a {
    font-size: 11px;
    padding: 5px 9px;
    margin-top:1px
}
    ul.contactUs{
    left: -22px!important;
    }
}
@media (min-width:665px) and (max-width:750px) {
   .logoimg {
       width:131%;
margin: 20px 0!important;
    }
}
@media (max-width:664px) {

    .headerBackRight {
        background: url("../images/qms-digital-signage-backRight.jpg") repeat-x scroll 0 -40px rgba(0, 0, 0, 0);
        float: left;
        width: 100%;
    }

    .headerContent {
        height: 196px;
    }

    .headerLeft {
        width: 100%;
        /*height: auto;*/
        height: 96px;
    }

    .headerRight {
        float: left;
        width: 100%;
        background: url("../images/qms-digital-signage-backMiddle.jpg") no-repeat scroll -1px -35px rgba(0, 0, 0, 0);
        height: auto;
        margin-top: 16px;
    }

    #customer {
        padding: 9px 0!important;
    }

    .headerBack {
        height: 117px;
        width: auto;
    }
    /*.headerRightBottom {
    padding-top: 47px!important;
    }*/
     ul.contactUs{
    left: -32px!important;
    }
}

@media (max-width:453px) {

    #nav a, #navHome a {
        padding: 5px 11px;
    }
}
@media (max-width:1140px) {
    #nav li:hover ul.sol {
        margin-left: -71px!important;
    }
    #nav li:hover ul.con {
        margin-left: -34px!important;
    }
}
@media (max-width:664px) {
   
    #nav li:hover ul.con {
        margin-left: -41px!important;
    }
}

@media (max-width:368px) {
    .headerRight {
        background: url("../images/qms-digital-signage-backMiddle.jpg") no-repeat scroll -1px -33px rgba(0, 0, 0, 0);
    }
     #nav li:hover ul.prd {
        margin-left: -41px!important;
    }
    #customer {
        /*float: left;*/
        padding: 11px 20px;
        text-align: left;
       width: 100%;
    }

    /*.customerbtndiv {
        float: none;
        width: 100%;
    }

    .customerlabeldiv {
        float: none;
        width: 100%;
    }*/
}

@media (max-width:366px) {

    #nav a, #navHome a {
        padding: 3px;
    }
}
@media (max-width:350px) {
    .logoimg {
        width: 96%;
    }
}
@media (max-width:300px) {
    /*.headerRight {
    float: left;
    width: 100%;
    background: url("../images/qms-digital-signage-backMiddle.jpg") no-repeat scroll -1px -28px transparent;
    height: auto;
    margin-top: 0px!important;
}*/
    .headerRight {
background: url("../images/qms-digital-signage-backMiddle.jpg") no-repeat scroll -1px -30px rgba(0, 0, 0, 0);
}

   /* .headerContent {
        height: 184px;
    }*/
    #customer {
    margin-right:3px!important
    }
}
@media (max-width:270px) {
    #nav, #navHome {
        margin-top: 18px;
    }
}


#toTop .headerTab {
display:none;
margin-left: -35px;
margin-top: -46px;
}
#toTop:hover .headerTab {
    display: block;
}
label {
display: inline-block;
font-weight: 600!important;
}