﻿/*Mobile SideMenu*/
.divSideMenu {height:100%; width:100%; position:relative; font-weight:600;}
.divCartContainer { height: 40px;  box-sizing: unset; overflow:hidden;}
.lblCartUnits {color:#191919; padding-top:13px; display:inline-block;}
.divLoginContainer {height:auto; overflow:hidden;border-bottom:1px solid #ddd;}
.divLoginLinkContainer {height:auto; overflow:hidden; }
.divTopMenuContainer {height:auto; overflow:hidden; }
.divSocialLinkContainer {height:auto; overflow:hidden; padding:10px 20px; }
.divCopyrightContainer {padding:15px 20px;border-top:1px solid #ddd;}
.divCopyrightContainer .divCopyText {font-size:12px;}
a.hypSwitchDesktop {font-size:16px; height:auto; overflow:hidden; padding:10px 20px; border-top:1px solid #ddd; color:#6e8ba5; display:flex; align-items:center; text-decoration:none;}
a.hypSwitchDesktop i {margin-right:10px;}
/*End Mobile SideMenu*/

/*Login Register*/
.divLogin {display:block; height:40px; overflow:hidden; padding:0px 20px; display:flex;align-items:center;}
.divLoginSplit {float:left; margin:5px 10px; height:12px; width:1px; background:#6e8ba5;}
.divLoginDetailHeader {color:#6e8ba5;display:block; font-size:14px; height:auto; overflow:hidden;  padding:12px 0px 12px 20px;position:relative;display:flex;align-items:center;}
.divLoginDetailHeader a{color:#6e8ba5;}
#spnMILoginName{position:absolute;right:25px;cursor:pointer;}
.topLogin, .topRegister {
    font-size: 14px;
    float: left;
    color: #6e8ba5;
    position: relative;
}
a.topLogin:link,a.topLogin:visited,a.topLogin:hover,a.topLogin:active {text-decoration:none; }
a.topRegister:link, a.topRegister:visited,a.topRegister:hover, a.topRegister:active {text-decoration:none;}
.divSideMenu .divCartContainer .hypCart {
    padding: 0px 0px 0px 10px;
    display: block;
    color: #6e8ba5;
}
.divSideMenu .divCartContainer .hypCart:link, .hypCart:visited{text-decoration:none;}
.divSideMenu .divCartContainer .hypCart:hover, .hypCart:active { text-decoration:none;}
.divSideMenu .divCartContainer:hover .hypCart{color:#9e5f01;}
.divSideMenu .divCartContainer:hover .hypCartProd{color:#9e5f01;}
/*End of Login Register*/

/* Top Menu 2 */
.divTopMenu {height:100%; width:100%; position:relative;}
.divTopMenuItems {height:auto; overflow:hidden; width:100%;}
/*Top Menu Item Style*/
.topLogin:before, .divLoginDetailHeader:before {
    content: 'person';
    font-family: 'Material Icons Outlined';
    font-size: 20px;
    color:#00aff0;
    padding-right:10px;
    font-weight:500;
}
.divLoginDetailHeader:after {left:20px;top:unset;}
/*End Top Menu Item Style*/
.ulTopMenu, .ulSubMenu {padding:0px; margin:0px; list-style:none; color:#ffffff; font-family: Quicksand,Arial; font-size:16px; font-weight:700;}
.ulTopMenu li{padding:0px!important; margin:0px!important;background-image:none;}
.ulTopMenu li.liTopMenu, .ulSubMenu li{height:auto; overflow:hidden; padding-bottom:0px;background-color:#eee;}
.liMenuSeperator {border-bottom:1px solid #67d6ff;}

/*SocialLink*/
.divFbContainer, .divTwitterContainer, .divInstagramContainer, .divLinkedInContainer, .divYouTubeContainer, divGooglePlusContainer, .fb-like-container{height:auto; overflow:hidden; float:left; padding-right:15px;margin: auto !important;}
/*End of SocialLink*/
/*Link & Button*/
.hypFacebook, a.hypFacebook:link, a.hypFacebook:visited, a.hypFacebook:hover, a.hypFacebook:active {
    width: 20px;
    height: 20px;
    background: url(../../img/usr/icon/icon-facebook.png) no-repeat;
    text-decoration: none;
    background-size: 100%;
}

.hypTwitter, a.hypTwitter:link, a.hypTwitter:visited, a.hypTwitter:hover, a.hypTwitter:active {
    width: 20px;
    height: 20px;
    background: url(../../img/usr/icon/icon-twitter.png) no-repeat;
    text-decoration: none;
    background-size: 100%;
}

.hypInstagram, a.hypInstagram:link, a.hypInstagram:visited, a.hypInstagram:hover, a.hypInstagram:active {
    width: 20px;
    height: 20px;
    background: url(../../img/usr/icon/icon-instagram.png) no-repeat;
    text-decoration: none;
    background-size: 100%;
}

.hypGooglePlus, a.hypGooglePlus:link, a.hypGooglePlus:visited, a.hypGooglePlus:hover, a.hypGooglePlus:active {
    width: 20px;
    height: 20px;
    background: url(../../img/usr/icon/icon-google-account.png) no-repeat;
    text-decoration: none;
    background-size: 100%;
}

.hypLinkedIn, a.hypLinkedIn:link, a.hypLinkedIn:visited, a.hypLinkedIn:hover, a.hypLinkedIn:active {
    width: 20px;
    height: 20px;
    background: url(../../img/usr/icon/icon-linkedin.png) no-repeat;
    text-decoration: none;
    background-size: 100%;
}

.hypYouTube, a.hypYouTube:link, a.hypYouTube:visited, a.hypYouTube:hover, a.hypYouTube:active {
    width: 20px;
    height: 20px;
    background: url(../../img/usr/icon/icon-youtube.png) no-repeat;
    text-decoration: none;
    background-size: 100%;
}
/*End of Link & Button*/