/* * CSS for Ti8Menu * * by: * Karl Saul * */ a:hover{text-decoration:none!important;} .navbar-default .navbar-nav>li>a{border-radius:0;} .menu-main-title.active strong{color:#DB3D44 !important;} #btnMenu{padding: 20px 15px; margin: 0;} #btnMenuPopover, #btnSignIn {background:none; border:0; font-size:13px;} #btnMenuPopover:hover {background-color: #ebebeb;} #btnMenuPopover {margin-top:15px; z-index: 9;position: relative; margin-top: 10px;z-index: 9;position: relative;margin-right: 10px;border: 0;height: 43px;font-size: 14px;} #btnMenuPopover.red-text, #btnMenuPopover.red-text span.menu-main-title strong{color:#DB3D44;} #btnSignIn {margin-top:6px; z-index: 9; position: relative;} #btnSignIn img {height:35px; width:35px; border-radius:18px; background-color:#dddddd;} {margin-top:15px; background:none; border:0;} .navHHO .container .popover {max-width:314px;border-radius: 0;} .navHHO .container .popover .popover-header {display:none;} .navHHO .container .popover .popover-content {padding:0;} .navHHO .container .popover .popover-content ul {list-style-type:none; padding:0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0;} .navHHO .container .popover .popover-content ul li{float:left; width:310px;} .navHHO .container .popover .popover-content ul li a{background-color:#eeeeee; padding:10px 20px; color:#333333; float:left; width:100%;} .navHHO .container .popover .popover-content ul li a:hover{text-decoration:none; background-color:#3399cc; color:#ffffff;} .navHHO .container .popover .popover-content ul li a.title{border-bottom:1px solid #dddddd; background-color:#ffffff; text-indent:0;line-height: 36px;} .navHHO .container .popover .popover-content ul li a.title:hover{background-color:#ffffff;color: #39c;} .navHHO .container .popover .popover-content ul li.dropdown a{ background-color:#ffffff;line-height: 36px;} .navHHO .container .popover .popover-content ul li.dropdown a:focus{ color: #DB3D44;font-weight: bold;text-decoration:none;} .navHHO .container .popover .popover-content ul li.dropdown a:hover{color: #39c;} .navHHO .container .popover .popover-content ul li.dropdown a span.glyphicon{float:right; margin-top: 11px;} .navHHO .container .popover .popover-content ul.dropdown-menu{width: 314px; padding: 0 1px; margin-left: -2px; border-radius: 0; margin-top: 1px; border-top: 1px solid #dddddd; border-bottom: 1px solide #dddddd;border-bottom: 4px solid #dddddd\9;} .navHHO .container .popover .popover-content ul li.dropdown ul.dropdown-menu li a {background-color:#eeeeee; padding:10px 20px; color:#333333; float:left; width:100%; text-indent:25px;} .navHHO .container .popover .popover-content ul li.dropdown ul.dropdown-menu li a:hover{text-decoration:none; background-color:#3399cc; color:#ffffff;font-weight: normal;} ul.ti-global-desktop-links li#menuPopover .popover, ul#ti10Menu li#menuPopover .popover{max-width:314px;border-radius: 0;} ul.ti-global-desktop-links li#menuPopover .popover .popover-header, ul#ti10Menu li#menuPopover .popover .popover-header{display:none;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content, ul#ti10Menu li#menuPopover .popover .popover-content{padding:0;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul, ul#ti10Menu li#menuPopover .popover .popover-content ul{width:314px; left:-2px; list-style-type:none; padding:0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li, ul#ti10Menu li#menuPopover .popover .popover-content ul li{float:left; width:310px; background:#ffffff; margin:0 !important; padding:0 !important; border:none !important;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.open, ul#ti10Menu li#menuPopover .popover .popover-content ul li.open{display:block !important;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li a, ul#ti10Menu li#menuPopover .popover .popover-content ul li a{background-color:#ffffff; padding:10px 20px !important; color:#333333; line-height: 36px !important; float:left; width:100%; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; border-bottom:1px solid #dddddd;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li a:hover, ul#ti10Menu li#menuPopover .popover .popover-content ul li a:hover{text-decoration:none; background-color:#3399cc; color:#ffffff !important;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.title a, ul#ti10Menu li#menuPopover .popover .popover-content ul li.title a{border-bottom:1px solid #dddddd; background-color:#ffffff; text-indent:0; line-height:36px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; padding:10px 20px;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.title a:hover, ul#ti10Menu li#menuPopover .popover .popover-content ul li.title a:hover{background-color:#ffffff !important; color:#39c !important; cursor:default;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.title a .glyphicon, ul#ti10Menu li#menuPopover .popover .popover-content ul li.title a .glyphicon{float:right; margin-top:10px;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.dropdown a, ul#ti10Menu li#menuPopover .popover .popover-content ul li.dropdown a{background-color:#ffffff; line-height:36px;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.dropdown a:focus, ul#ti10Menu li#menuPopover .popover .popover-content ul li.dropdown a:focus{color:#DB3D44; font-weight:bold; text-decoration:none;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.dropdown a:hover, ul#ti10Menu li#menuPopover .popover .popover-content ul li.dropdown a:hover{color:#39c;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.dropdown a span.glyphicon, ul#ti10Menu li#menuPopover .popover .popover-content ul li.dropdown a span.glyphicon{float:right; margin-top: 11px;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.indented a, ul#ti10Menu li#menuPopover .popover .popover-content ul li.indented a{background-color:#eeeeee; border-bottom:1px solid #f4f4f4; text-indent:25px;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.indented a:hover, ul#ti10Menu li#menuPopover .popover .popover-content ul li.indented a:hover{color:#3399cc !important;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.indented ul.dropdown-menu li a, ul#ti10Menu li#menuPopover .popover .popover-content ul li.indented ul.dropdown-menu li a {text-indent:50px; width:312px;} /*ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul.dropdown-menu{width: 314px; padding: 0 1px; margin-right: -2px; border-radius: 0; margin-top: 1px; border-top: 1px solid #dddddd; border-bottom: 1px solide #dddddd;border-bottom: 4px solid #dddddd\9;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content ul li.dropdown ul.dropdown-menu li a {background-color:#eeeeee !important; padding:10px 20px; color:#333333; float:left; width:100%; text-indent:25px;} ul.ti-global-desktop-links li#menuPopover .popover .popover-content div ul li.dropdown ul.dropdown-menu li a:hover{text-decoration:none; background-color:#3399cc; color:#ffffff;font-weight: normal;}*/ #btnMobileMenu {font-size: 1.3em; line-height: 1.9em; color: #000; margin: 0; padding: 10px;} .clear{clear:both;} #dropdownMobileMenu {padding:0; display:none;} #dropdownMobileMenu ul{margin:0;} #dropdownMobileMenu ul li a{border-bottom:1px solid #f4f4f4;} #dropdownMobileMenu ul li a:hover{text-decoration:none; background-color:#3399cc !important; color:#ffffff;} #dropdownMobileMenu ul li#ddMobileMenu a:hover{background-color:#ffffff !important; color:#333333;} #dropdownMobileMenu ul li#ddMobileMenu a span.glyphicon{float:right;} #ddMobileMenu .dropdown-menu {height:auto; position:inherit; float:none; margin:0; padding:0; border:0; border-radius:0; box-shadow:none;} #ddMobileMenu .dropdown-menu li a {background-color:#eeeeee; border-bottom:1px solid #f4f4f4; text-indent:25px;} #ddMobileMenu .dropdown-menu li a:hover {background-color:#3399cc; color:#ffffff;} .navbar-header .navbar-toggle.pull-left {float:left; border:0;} .navbar-header-title {font-family:"Interstate-Light", segoeuil, Arial; font-size:1.7em; color:#000; margin-top:18px; width:335px;} .ti-nav-logo-mobile{padding-left:5px;} .tm-global-menu-mobile {padding:20px 15px;} .tm-global-user {padding:10px 15px;} #contentMobileMenu {position:fixed; width:350px; height:100%; padding:0; margin:0; min-height:100%; background-color:#eeeeee; box-shadow: 1px 1px 1px #cccccc; top:0; left:0;} #contentMobileMenu .menu-header{height: 58px; background-color: #ffffff; padding: 5px; text-align: center; border-bottom: 1px solid #dddddd;} #contentMobileMenu .menu-header h6 {text-align:left; margin-left:10px;} #contentMobileMenu .menu-header a {margin-top: 15px; margin-right: 10px;} #contentMobileMenu ul{float:left; list-style-type:none; padding:0; margin:0; width:100%;} #contentMobileMenu ul li {width:100%; float:left;} #contentMobileMenu ul li.gap {height: 10px; border-bottom: 1px solid #dddddd;} #contentMobileMenu ul li a{width:100%; float:left; padding:15px; 10px; background:#ffffff; border-bottom:1px solid #dddddd; color:#333333; text-align:left;} #contentMobileMenu ul li.open a{color:#DB3D44; font-weight:bold;} #contentMobileMenu ul li.active a{color:#DB3D44 !important; font-weight:bold;} #contentMobileMenu ul li a .glyphicon{float:right;} #contentMobileMenu ul li a:hover{text-decoration:none;} #contentMobileMenu ul li a.dropdown .glyphicon{float:right;} /*#contentMobileMenu ul li.indented a{background-color:#eeeeee; border-bottom:1px solid #f4f4f4; text-indent:25px;} #contentMobileMenu ul li.indented a span.glyphicon{float:right;} #contentMobileMenu ul li.indented.dropdown ul li a{text-indent:45px;} #contentMobileMenu ul li.indented a:hover{text-decoration:none; background-color:#3399cc; color:#ffffff;}*/ #contentMobileMenu ul li.dropdown a span {float:right;} #contentMobileMenu ul li.dropdown ul.dropdown-menu{position:inherit; box-shadow:none; border-radius:0; margin:0; padding:0;}/*height:250px; overflow:auto;*/ #contentMobileMenu ul li.dropdown ul.dropdown-menu li {display:inline-block; float:left;} #contentMobileMenu ul li.dropdown ul.dropdown-menu li a{width:100%; display:inline-block; float:left; background-color:#eeeeee; border-bottom:none; padding-left:35px; text-align:left; word-wrap:break-word; white-space:normal;} #contentMobileMenu ul li.dropdown.open ul.dropdown-menu li a{font-weight:normal; color:#333333;} #contentMobileMenu ul li.dropdown ul.dropdown-menu li a:hover{text-decoration:none; background-color:#3399cc; color:#ffffff;} #contentMobileMenu ul li.dropdown-submenu ul.dropdown-menu{box-shadow:none; border-radius:0; height:auto !important;} #contentMobileMenu ul li.dropdown-submenu ul.dropdown-menu li a{background-color:#eeeeee; border-bottom:1px solid #f4f4f4; padding-left:50px;} #contentMobileMenu ul li.dropdown-submenu ul.dropdown-menu li a:hover{text-decoration:none; background-color:#3399cc; color:#ffffff;} #menuCover, #menuCoverFeatures {display:none; position:fixed; width:100%; height:100%; background-color:#000; z-index:999; top:0; left:0;} .navbar-toggle:hover{background:transparent!important; cursor:default;} @media (max-width: 767px) { .navbar-header-title {font-size:1.5em; width:auto; margin-top:16px;} li#ti8Dropdown2 ul.dropdown-menu, li#ti8Dropdown3 ul.dropdown-menu, li#ti8Dropdown4 ul.dropdown-menu {position: inherit; box-shadow: none; border-radius: 0; margin: 0; padding: 0;} li#ti8Dropdown2 ul.dropdown-menu li a, li#ti8Dropdown3 ul.dropdown-menu li a, li#ti8Dropdown4 ul.dropdown-menu li a {display:inline-block; float:left; background-color:#eeeeee; border-bottom:none; text-indent:25px;} li#ti8Dropdown2.open ul.dropdown-menu li a, li#ti8Dropdown3.open ul.dropdown-menu li a, li#ti8Dropdown4.open ul.dropdown-menu li a{font-weight:normal !important; color:#333333 !important;} li#ti8Dropdown2 ul.dropdown-menu li a:hover, li#ti8Dropdown3 ul.dropdown-menu li a:hover, li#ti8Dropdown4 ul.dropdown-menu li a:hover{text-decoration:none; background-color:#3399cc; color:#ffffff;} } @media (max-width: 500px) { .navbar-header-title {font-size:1.3em; margin-top:18px;} li#ti8Dropdown2 ul.dropdown-menu, li#ti8Dropdown3 ul.dropdown-menu, li#ti8Dropdown4 ul.dropdown-menu {position: inherit; box-shadow: none; border-radius: 0; margin: 0; padding: 0;} li#ti8Dropdown2 ul.dropdown-menu li a, li#ti8Dropdown3 ul.dropdown-menu li a, li#ti8Dropdown4 ul.dropdown-menu li a {display:inline-block; float:left; background-color:#eeeeee; border-bottom:none; text-indent:25px;} li#ti8Dropdown2.open ul.dropdown-menu li a, li#ti8Dropdown3.open ul.dropdown-menu li a, li#ti8Dropdown4.open ul.dropdown-menu li a{font-weight:normal !important; color:#333333 !important;} li#ti8Dropdown2 ul.dropdown-menu li a:hover, li#ti8Dropdown3 ul.dropdown-menu li a:hover, li#ti8Dropdown4 ul.dropdown-menu li a:hover{text-decoration:none; background-color:#3399cc; color:#ffffff;} } /* Landscape phones and down */ @media (max-width: 480px) { li#ti8Dropdown2 ul.dropdown-menu, li#ti8Dropdown3 ul.dropdown-menu, li#ti8Dropdown4 ul.dropdown-menu {position: inherit; box-shadow: none; border-radius: 0; margin: 0; padding: 0;} li#ti8Dropdown2 ul.dropdown-menu li a, li#ti8Dropdown3 ul.dropdown-menu li a, li#ti8Dropdown4 ul.dropdown-menu li a {display:inline-block; float:left; background-color:#eeeeee; border-bottom:none; text-indent:25px;} li#ti8Dropdown2.open ul.dropdown-menu li a, li#ti8Dropdown3.open ul.dropdown-menu li a, li#ti8Dropdown4.open ul.dropdown-menu li a{font-weight:normal !important; color:#333333 !important;} li#ti8Dropdown2 ul.dropdown-menu li a:hover, li#ti8Dropdown3 ul.dropdown-menu li a:hover, li#ti8Dropdown4 ul.dropdown-menu li a:hover{text-decoration:none; background-color:#3399cc; color:#ffffff;} } #supportDD .dropdown-menu {display:block !important;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */