/* navigation 
.arrow-drop{background:url(../images/arrow-drop.png) no-repeat 0 0;width:26px; height:11px; position:absolute; bottom:0px; left:20%;z-index:99999;}
.toggleMenu {display:none;background:#f2f2f2;padding:6px 10px; color:#0A549F; float:right; font-size:25px; margin:15px 0 0;}
.toggleMenu:hover {color:#333!important;background:#f2f2f2!important;}
.navigation{padding:0;float:right;}
.navigation ul{float:right; display:inline-table; font-size:13px;  text-transform:uppercase; font-family:'Flama-Medium', Arial, Helvetica, sans-serif;letter-spacing: 1px;}
.navigation ul li{padding:0 10px; float:left;}
.navigation ul li a{padding:25px 16px 24px; color:#666666; display:block;}
.navigation ul {list-style: none;padding: 0;margin: 0; }
.navigation > ul {display: block; z-index: 500;}
.navigation > ul > li {display: block; float: left; }
.navigation > ul > #menu-button {display: none;}
.navigation ul li a {display: block; text-decoration: none;}
.navigation > ul > li > a {}
.navigation > ul > li.has-sub > a {padding-right: 32px;}
.navigation > ul > li:hover > a {}
.navigation li.has-sub::after {display: block;content: '';position: absolute;width: 0;height: 0;}
.navigation > ul > li.has-sub::after {right: 10px;top: 20px;border-bottom:5px solid transparent;border-top-color: #7a8189;}
.navigation > ul > li:hover::after {border-top-color: #ffffff;}
.navigation ul ul {position: absolute;left: 0;top:65px!important; visibility:hidden; z-index: 1000; background:url(../images/gray-trans.png);  padding:8px; width:100%; border-top:7px solid #007AC6;  box-shadow:0px 5px 4px 0 #ccc;}
.navigation > ul > li:hover > ul {left:0px;top:55px; visibility:visible;}
.navigation ul ul li {float: left;width:20%; margin:2px 0; padding:2px 0; font-size:13px; font-weight:normal;}
.navigation ul ul li a {padding:8px 8px!important; display:block; color:#444;}
.navigation ul ul li:hover a{background:#fff; box-shadow:0 0 6px 0 #ccc inset;}
.navigation ul ul li a img{ width:15px; margin:0 5px -3px 0; }
.navigation ul ul li.has-sub:hover::after {border-left-color: #fff;right: -5px;-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
*/
.menuOpen{display:none;} 
.menu-sec{float:right; display:inline-table; font-size:16px;  text-transform:uppercase; font-family:'Flama-Medium', Arial, Helvetica, sans-serif;letter-spacing: 1px; margin-top:16px;}

.menu-sec ul li a{color:#111; padding:8px 10px; display:block; position:relative;}
.menu-sec ul li:hover a, .menu-sec ul li.active{background:#2088CC; color:#f7ea1f;}  
.menu-sec ul li, ul.section-menu li{float:left;}
.menu-sec ul li div.submenu{display:none; position:absolute; left:0; z-index:99999;}
.menu-sec ul li:hover > div.submenu{display:block;}
.submenu{width:96%; background:#fff; text-transform:none!important; box-shadow:0 0 5px #ccc; padding:10px 2% 15px; font-family:Arial, Helvetica, sans-serif;}

.submenu .lft-menu ul li a:hover, .submenu .rgt-menu ul li a:hover{color:#548F00;}
.submenu .lft-menu{width:57%; float:left;}
.submenu .rgt-menu{width:40%; float:right; border-left:solid 3px #e0ebcc; padding-left:2%;}
.submenu .lft-menu ul, .submenu .lft-menu ul li a, .submenu .rgt-menu ul li a{background:none; color:#484848}
.submenu .lft-menu ul li{width:49%; float:left; background:none; position:relative;}
.submenu .lft-menu ul li:before{border-left:solid 5px #2088CC;border-right:solid 5px transparent;border-top:solid 5px transparent;
border-bottom:solid 5px transparent; width:0; display:block; content:""; position:absolute; top:8px; left:4px;}
.submenu .lft-menu ul li+li, .submenu .rgt-menu ul li+ li{border-left:0; box-shadow:none;} 
.submenu .lft-menu ul li a{padding:4px 5px 4px 15px;}
.submenu .rgt-menu h4{font-size:16px; text-transform:uppercase; color:#2088CC; padding:7px 0;}
.menu-sec ul li:first-child a:after, .menu-sec ul li.active:first-child a:after{border:none;}
ul.story li{clear:both; font-size:14px;}
ul.story li a{padding:8px 0;}
ul.story li span{background:#2088CC; color:#fff; width:26px; height:18px; padding:4px 0; text-align:center; display:block; float:left; border-radius:50%; margin-right:8px; margin-top:-3px;}
.submenu .lft-menu ul li:first-child a, .submenu ul.story li:first-child a{text-indent:inherit; background:none;width:inherit; height:inherit;}



.navigation > #indicatorContainer{display:none;}
#indicatorContainer {position: absolute;height: 12px;width: 100%;bottom: 0px;overflow: hidden;z-index: -1;}
#pIndicator {position: absolute;height: 0;width: 100%;border: 12px solid transparent;border-top-color: #2b2f3a;z-index: -2;-webkit-transition: left .25s ease;-moz-transition: left .25s ease;-ms-transition: left .25s ease;-o-transition: left .25s ease;transition: left .25s ease;}
#cIndicator {position: absolute;height: 0;width: 100%;border: 12px solid transparent;border-top-color: #2b2f3a;top: -12px;right:100%;z-index: -2;}

/*=================LInks =======================*/
.links{float:right; font-size:22px;}
.links ul li {float:left; position:relative;}
.links ul li a{padding:24px 0 22px; float:left; margin-left:15px; color:#999;}
.links ul li a:hover{color:#0A549F}

.links ul li div.popup{display:none;}
.links ul li:hover div.popup, .links ul li:hover #popup-shoping{display:block;}
#popup-global, #popup-shoping{position:absolute; right:-22px; top:45px; width:200px; z-index:9;}
.popup > span{width:24px; height:10px; display:block; background:url(../images/popup-arrow.png) no-repeat; position: absolute; right:20px; }
.popup h3{font-size: 18px; font-weight: normal; font-family: 'Flama-Basic';
background-color: #2c90cf; 
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(44, 144, 207)), to(rgb(0, 116, 196))); 
background-image: -webkit-linear-gradient(top, rgb(44, 144, 207), rgb(0, 116, 196)); 
background-image: -moz-linear-gradient(top, rgb(44, 144, 207), rgb(0, 116, 196)); 
background-image: -o-linear-gradient(top, rgb(44, 144, 207), rgb(0, 116, 196)); 
background-image: -ms-linear-gradient(top, rgb(44, 144, 207), rgb(0, 116, 196)); 
background-image: linear-gradient(top, rgb(44, 144, 207), rgb(0, 116, 196)); /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#2c90cf', EndColorStr='#0074c4'); */ 
filter:none; margin-top:10px; margin-bottom:0; border-top-left-radius: 5px; border-top-right-radius: 5px; padding:15px 20px; color:#FFF; text-shadow:rgba(0,0,0,0.2) 0px 1px 2px; }
.popup h3 small{ display:block; color:#99E5FF; font-size:11px; font-family: 'Flama-Basic'; margin-top:3px; }
.popup-wrap{ box-shadow:rgba(0,0,0,0.2) 0px 15px 30px; border-radius:5px; }
.popup-content{ background:#F1F1F1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border:1px solid #DDD; border-top:none; box-shadow:inset 0px 1px 0px rgba(255,255,255,0.9); font-size:14px; }
.popup-content li {clear:both; display:block; margin:0; padding:0; float:none!important; border-top:solid 1px #d6d6d6!important;}
.popup-content li a{clear:both; color:#333!important; display:block!important; float:none!important; margin:0!important; padding:8px!important;  background:#f1f1f1;}
.popup-content li a:hover{background:#fff;}
#popup-signin li:last-child a, #header #popup-global li:last-child a{ border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(css/PIE.htc);}
 
ul.shop-list li span{float:right; color:#0A549F;}
 
/* --- Search Popup --- */
#popup-search{ right:-15px; top:43px; width:300px; position:absolute; display:none; z-index:9;}
.links ul li:hover div#popup-search{display:block;}
#popup-search h3{   padding:15px; }
    #popup-search h3.no-results{ border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;   }
  #popup-search input{   border-radius:15px;   padding:5px 30px 5px 12px;   width:226px;   border:1px solid #005D9C;   margin:0; }
  #popup-search .popup-content{   border:none; }
  #popup-search input.loading{   background:url(../../../../SophosNext/Assets/Images/loading.gif) no-repeat 96% 7px #FFF; }
  /* Search Results */ #header #popup-search .popup-content, #header #popup-global .popup-content{   padding:0; }
  #header #popup-search p{   margin:0;   padding:20px;   color:#666;   font-size:13px;   font-family: 'Flama-Book'; }
  #search-results{   display:none; }
  #header #popup-search ol{   list-style-type: none;   margin:0;   padding:0;   float:none; }
  #header #popup-search li{   float:none;   text-align: left;   border-top:1px solid #D6D6D6;   margin:0;   height:auto;   padding-top:0px; }
  #header #popup-search li a{   padding:15px 40px 15px 20px;   letter-spacing: 0px;   background:url(../../../../SophosNext/Assets/Images/link-arrow.png) no-repeat 95% center transparent; }
    #header #popup-search li a:hover{ background:url(../../../../SophosNext/Assets/Images/link-arrow.png) no-repeat 95% center #FFF;   }
    #header #popup-search li:first-child, #header #popup-global li:first-child{ border-top:none;   }
    #header #popup-search li:last-child a, #header #popup-global li:last-child a{ border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;   }
  #header #popup-search li h5{   text-transform: none;   color:#0074C4;   font-size:13px;   font-family: 'Flama-Basic';   padding:0;   display:block;   margin:0; }
  #header #popup-search li cite{   text-transform: none;   font-family: 'Flama-Basic';   color:#888;   font-size:11px;   line-height: 1.2;   margin:2px 0 0;   display:block;   font-style: normal; }
  #header #popup-search li.all-results a{   display: block;   text-align: center;   font-size: 9px;   color: #AAA;   padding: 10px;   font-family: 'Flama-Basic';   text-transform: uppercase;   background:none; }
 
 

/* --- Products Mega Nav --- */
#popup-products{ left:21px; top:43px; width:724px; display:none;}
#popup-products > span{ right:50%; margin-right:-12px; background:url(../../../../SophosNext/Assets/Images/popup-arrow-products.png) no-repeat; top:-2px; width:26px; height:13px; }
#popup-products h3{ background:none; padding:0; margin:0; font-size:15px; color:#333; text-shadow: none; }
#popup-products ol{ list-style-type: none; margin:10px 0px 0px; padding:0px; background:#F1F1F1; border:1px solid #DDD; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow:rgba(0,0,0,0.08) 0px 0px 10px; }
#popup-products ol li{ height:auto; width:240px; padding:12px 0px; margin:0;text-align: center; /*box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);*/ background:none; }
#popup-products ol li:first-child{ border-top-left-radius: 5px;}
#popup-products ol li:last-child{ border-top-right-radius: 5px;}
  /*Product Lists*/ #popup-products .popup-content{ padding:0; }
  #popup-products ul{ float:left; width:240px; margin:0; padding:0; border-right:1px solid #DDD; box-shadow: 1px 0px 0px rgba(255,255,255,0.8); min-height: 252px;  font-family: 'Flama-Basic';}
  #popup-products ul:last-child{ border-right:none; box-shadow: none; }
  #popup-products ul li{ margin:0; padding:0; height:auto;   font-size:14px!important;}
  #popup-products ul li a{ color:#666;text-transform: none; letter-spacing: normal; padding:13px 15px 13px 50px!important; width:175px; display:inline-block; background-position: 15px center; line-height: 1.2;}
  #popup-products ul li a small{ color:#999; font-size: 12px; vertical-align: 7px; }
  #popup-products ul li:hover{ background:#F9F9F9; }
  #popup-products ul li a:hover{ box-shadow:inset 0px 1px 0px #DDD, inset 0px -1px 0px #DDD; }
  #popup-products ul li:first-child a:hover{ box-shadow:inset 0px -1px 0px #DDD; }
  #popup-products ul li:last-child a:hover{ box-shadow:inset 0px 1px 0px #DDD; }
  #popup-products ul:first-child li:last-child:hover{ border-bottom-left-radius: 5px; }
  
  .links ul li div.popup:after{clear:both; line-height:0; font-size:0px; content:"."; display:block; overflow:hidden;}

@media (min-width:250px) and (max-width:900px){
.menuOpen{width:33px; height:40px; position:relative; overflow:hidden;display:block;top:15px;}
.menuOpen:before{border:double 10px #000; content:""; height:4px; position:absolute; width:200%; margin:0 -20px;}
#ls-row-3-area-2{width:282px; left:-350px; position:absolute; height:410px!important; overflow: scroll !important; display:none;}
.slide-menu{width:282px;top:99px;left:-5px!important; position:absolute;transition: width 4s; -webkit-transition: width 4s;}
.menuCntr{position:absolute; left:15px; top:55px;}
.menu-sec{border-bottom:solid 0 #2088CC; margin:0;}	
.menu-sec ul li a{padding:8px 9px;}
.menu-sec ul li:hover > div.submenu{display:inherit;}
.menu-sec ul li + li{border-left:none; border-top:solid 1px #71a313; box-shadow:0 1px 0 #5c8a06 inset;}
.menu-sec ul li{width:100%;}
.menu-sec ul li:hover > div.submenu{display:none;}
.menu-sec ul li div.submenu{position:inherit; padding:0 2%;}
.submenu .lft-menu{width:100%; border-right:none;}
.menu-sec ul li a:after{bottom:0!important;}
.menu-sec ul li span.plus-minus{float:right; color:#fff; background:#ece61e url(../images/plus-minus.gif) no-repeat 2px 3px; width:22px; height:21px; display:block;position:absolute; right:0; z-index:999; cursor:pointer; margin:-27px 5px 8px 0; border-radius:50%;}
.menu-sec ul li.active span.plus-minus{background:#ece61e url(../images/plus-minus.gif) no-repeat -21px 2px; margin-top:-27px;}
.rgt-menu{display:none;}
.submenu .lft-menu ul li, .secnd-menu-sec ul li{width:100%;}
.submenu .lft-menu ul li + li {border-top:solid 1px #d1deba!important;}

}
@media(max-width:640px){
.menuOpen{margin-top:-45px!important;}
.slide-menu{top:63px!important;}	
}
@media (min-width:250px) and (max-width:480px){
.menuOpen{margin-top:-5px!important;}
.slide-menu{top:57px!important;}
}
@media (max-width:480px){#ls-row-3-area-2{height:260px!important; position:fixed;}}
@media (max-width:320px) and (max-width:360px{#ls-row-3-area-2{height:410px!important; position:fixed;}}
.menu ul.main-menu li{position:inherit!important;}