﻿/*Mobile SideMenu*/
.divSideMenu {height:100%; width:100%; position:relative; top:110px;}
.divCartContainer { height: 50px; padding-top: 5px; box-sizing: unset; overflow:hidden; background:#ffb13b; border-bottom: 1px solid #ffd494;}
.lblCartUnits {color:#191919; padding-top:13px; display:inline-block;}
.divLoginContainer {height:auto; overflow:hidden; background:#ffb13b;}
.divLoginLinkContainer {height:auto; overflow:hidden; }
.divTopMenuContainer {height:auto; overflow:hidden; }
.divSocialLinkContainer {height:auto; overflow:hidden; padding:15px 20px; /*border-top: 1px solid #67d6ff;*/ }
.divCopyrightContainer {padding:15px 20px; }
.divCopyrightContainer .divCopyText {color:#fff; font-size:12px;}

a.hypSwitchDesktop {font-size:14px; font-family:'Titillium Web', Arial; font-weight:700; height:auto; overflow:hidden; padding:15px 20px; border-top:1px solid #ff8f56; color:#fff; display:flex; align-items:center; text-decoration:none;}
a.hypSwitchDesktop i {margin-right:10px;}
/*End Mobile SideMenu*/


/*Login Register*/
.divLogin {display:block; height:auto; overflow:hidden; padding:17px 0px 11px 50px; background:url(../../img/usr/mobile/icon-home-menu-login.png) no-repeat 20px; background-size:22px;}
.divLoginSplit {float:left; margin:5px 10px; height:12px; width:1px; background:#fff;}
.divLoginDetailHeader {color:#fff;display:block; font-size:14px; height:auto; overflow:hidden;  padding:12px 0px 12px 50px;  background:url(../../img/usr/mobile/icon-menu-login.png) no-repeat 20px;background-size:22px;}

.topLogin {font-size:14px; float:left; color:#fff; background-color:Transparent; }
a.topLogin:link {color:#fff; text-decoration:none; }
a.topLogin:visited {color:#fff; text-decoration:none; }
a.topLogin:hover {color:#9e5f01; text-decoration:none;}
a.topLogin:active {color:#9e5f01; text-decoration:none; }

.topRegister {font-size:14px; float:left; color:#fff; background-color:Transparent;}
a.topRegister:link, a.topRegister:visited {color:#fff; text-decoration:none;}
a.topRegister:hover, a.topRegister:active {color:#9e5f01; text-decoration:none;}


.divSideMenu .divCartContainer .hypCart {
    color: #ffffff;
    padding: 12px 0px 12px 50px;
    background: url("../../img/usr/mobile/icon-home-menu-product.png") no-repeat 20px 8px;
    background-size: 22px;
    display: block;
}
.divSideMenu .divCartContainer .hypCart:link, .hypCart:visited{color:#ffffff; text-decoration:none;}
.divSideMenu .divCartContainer .hypCart:hover, .hypCart:active {color:#9e5f01; 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*/
.topMenuItemMobile {font-size:14px; color:#fff; padding:15px 0px 16px 20px; display:block;border-bottom: 1px solid #ff8f56;}
a.topMenuItemMobile:link, a.topMenuItemMobile:visited, a.topMenuItemMobile:hover, a.topMenuItemMobile:active {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #ff8f56;
}
a.topMenuItemMobile:hover, a.topMenuItemMobile:active{color:#fa661c; text-decoration:none; background:#fff;}

.topMenuItemMobileSel {font-size:14px; color:#fa661c; background:#fff; padding:15px 0px 16px 20px; display:block;}
a.topMenuItemMobileSel:link, a.topMenuItemMobileSel:visited {color:#fa661c; text-decoration:none;}
a.topMenuItemMobileSel:hover, a.topMenuItemMobileSel:active {color:#fa661c; background:#fff; text-decoration:none;}

.menuLevel {font-size:14px; color:#fff; padding:15px 0px 16px 20px; display:block; background:#ff8549;}
a.menuLevel:link, a.menuLevel:visited {color:#fff; text-decoration:none;}
a.menuLevel:hover, a.menuLevel:active{color:#fa661c; text-decoration:none; background:#ff8549;}

.menuLevelSel {font-size:14px; color:#fa661c ; padding:15px 0px 16px 20px; display:block; background:#fff;}
a.menuLevelSel:link, a.menuLevelSel:visited {color:#fa661c; text-decoration:none;}
a.menuLevelSel:hover, a.menuLevelSel:active {color:#fa661c; text-decoration:none;}

/*End Top Menu Item Style*/


/* Links
.ulTopMenu {padding:0; margin:0; list-style:none;}
.ulTopMenu li {height:auto; overflow:hidden;} */


/*SubMenu Item*/
.ulSubMenu li a.hypTopSubMenu {color:#ffcbb1; font-size:14px; font-weight:600; font-family:'Titillium Web', Arial; display:block; padding:16px 20px 16px 40px; background:none;}
.ulSubMenu li a.hypTopSubMenu:link, .ulSubMenu li a.hypTopSubMenu:visited {color:#ffcbb1; text-decoration:none;}
.ulSubMenu li a.hypTopSubMenu:hover, .ulSubMenu li a.hypTopSubMenu:active {color:#fff; text-decoration:none;}

.ulSubMenu li.sel a.hypTopSubMenuSel{color:#fff; font-size:14px; font-weight:600; font-family:'Titillium Web', Arial; display:block; padding:16px 20px 16px 40px;}
.ulSubMenu li.sel a.hypTopSubMenuSel:link, .ulSubMenu li.sel a.hypTopSubMenuSel:visited {color:#fff; text-decoration:none;}
.ulSubMenu li.sel a.hypTopSubMenuSel:hover, .ulSubMenu li.sel a.hypTopSubMenuSel:active {color:#fff; text-decoration:none;}
a.hypTopSubMenuSel {
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Titillium Web', Arial;
    display: block;
    padding: 16px 20px 16px 40px;
}

.ulSubMenuLv2 li a {color:#fff; font-size:13px; display:block; padding:0px 0px 10px 60px; background:none;}
.ulSubMenuLv2 li a:link, .ulSubMenuLv2 li a:visited{color:#fff; text-decoration:none;}
.ulSubMenuLv2 li a:hover, .ulSubMenuLv2 li a:active {color:#454545; text-decoration:none;}

.ulSubMenuLv2 li.sel a {color:#454545; font-size:13px; display:block; padding:0px 0px 10px 60px; background:none;}
.ulSubMenuLv2 li.sel a:link, .ulSubMenuLv2 li.sel a:visited{color:#454545; text-decoration:none;}
.ulSubMenuLv2 li.sel a:hover, .ulSubMenuLv2 li.sel a:active  {color:#454545; text-decoration:none;}
/* Links */
.ulTopMenu, .ulSubMenu {padding:0px; margin:0px; list-style:none; background:#fa661c; color:#ffffff; font-family:'Titillium Web', Arial; font-size:14px; font-weight:600;}
.ulSubMenu {border-bottom:1px solid #ff8f56;}
.ulTopMenu li{padding:0px!important; margin:0px!important;background-image:none;}
.ulTopMenu li.liTopMenu, .ulSubMenu li{height:auto; overflow:hidden; padding-bottom:0px;}

.liMenuSeperator {border-bottom:1px solid #67d6ff;}
/* End of Links */
/* End of Top Menu 2 */

/*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/mobile/icon-fb-home-menu.png) no-repeat;
    text-decoration: none;
    background-size: contain;
}

.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*/