/*---------- BT-font regular -----------*/
#mega-menu a, #mega-menu .loggedin-bz li a{
    font-family: 'BTFont_Rg', Arial, Helvetica, sans-serif;
}
/*----------- BT-font bold -------------*/
ul.level2 li{
    font-family: 'BTFont_Bd', Arial, Helvetica, sans-serif;
}
/*
Header Css Starts
########################
*/
/*logo class for athe div which holds Logo*/
.btw-header {
    background-color: #ffffff;
}
.header-logo {
    float: left;
    margin-top: 17px;
    width: 195px;
}
.top-right-nav ul {
    float: right;
}
.height2 {
    padding: 5px 0 10px;
}

.article {
    padding: 20px;
}
.top-right-nav {
    float: right;
    margin-top: 13px;
    width: 70%;
}
.top-right-nav .search1 {
    float: left;
    height: 15px;
    margin-top: 1px;
    width: 14px;
    text-indent: -9999px
}
.nav-item {   
    font-size: 14px;
    padding: 0 7px 0 5px;
}
.top-right-nav .contact, .top-right-nav .nav-item a{    /*changed for BTWCE-97877*/
    font-size: 14px;
    padding: 0 9px 0 0;
	float: left;
	margin-left: -2px;
}

/* Adding for BA Story BTWCE-65703 --Snehal*/
.top-right-nav .nav-item-icon a{     /*changed for BTWCE-97877*/
    float: left;
	font-size: 14px;
	margin: -8px 10px 0 0;
	position: relative;
}

.wholesale-link:focus{outline:1px dotted #000!important;}

.nav-item-icon {   
    font-size: 14px;
}

.span-header-li{    /*changed for BTWCE-97877*/
	vertical-align: top;
	margin-right: 3px;
	display: inline-block;
	background: url('/assets/images/btw/divider_line.jpg') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	width: 2px;
	height: 23px;
	margin-top: -3px;
}
/* Done for BA Story BTWCE-65703 --Snehal*/


.nav-item .contact-wrap{
    padding-left: 0;
}
.nav-item a:hover{				
    text-decoration: underline !important;  /*changed for BTWCE-97877*/
}
.top-right-nav a {        /*changed for BTWCE-97877*/
    color: #6400AA;
    text-decoration: none;
}
.top-right-nav a:hover {  /*changed for BTWCE-97877*/

    color: #6400AA;
    text-decoration: none;

}
.top-right-nav ul li {
    color: #6400AA !important;    /*changed for BTWCE-97877*/
    float: left;
    list-style-type: none;
    margin: 0;
    /* padding-top: 5px; */
	margin-top: 14px;
	line-height: 1;
}
.search-bar { 
    overflow:hidden; 
    float: left
}
.trigger {
    cursor:pointer;
    float:left
}
.searchbox {
    border:none;
    float: left;
    padding: 2px 9px 0px !important;  /*modified for search bar*/
    width: 84%;
	outline: medium none !important;
	margin-top: 1px; /*modified for search bar*/
	
}

/*Start: Modified by Snehal for BTWCE-65703 Accessibility issue*/
.cross.icon-search:focus{
	outline:1px dotted #000 !important;
}
.cross .icon-search {
	background-position: -10px -139px !important;
	width: 15px !important;
	height: 15px !important;
	margin-right: 5px !important;
	background: #0000 url("../images/btw/BT_Iconography_Search_purple_21px.png") no-repeat scroll 0 0 !important;
	width: 21px !important;
	height: 21px !important;
	margin-top: -1px !important;
}
/*End*/

#mega-menu > ul > li:hover, #mega-menu > ul > li:focus, #mega-menu > ul > li.hover {
    border-bottom: 6px solid #e6e6e6;
}
#mega-menu > ul > li.active {
    border-bottom: 6px solid #192240;
}
#mega-menu > .mybtwmenu > li:hover, #mega-menu .mybtwmenu  li:focus {
    border-bottom: 0px none!important;
}
#mega-menu a {
    color: #333;    
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
}
/*.btw-menu .mega-submenu li a {
    border-right: 1px solid #eee;
    padding-right: 27px;
}*/
#mega-menu > ul {
    float: left;
    height: 61px;
}
.nav-sales-mark a ,.nav-support a{
    padding-right: 10px!important;
}
/*Header line1 Finish*/
/*Megamenu in header starts*/ 
.submenu {
    background: none repeat scroll 0 0 #f1f5f6;
    border-bottom: 6px solid #192239;
    float: left;    
    margin-top: 5px;
    position: absolute;
    width: 980px;
    z-index:-100;
    opacity: 0;
    /*filter: alpha(opacity=0);*/
    -moz-opacity:0;
    visibility: hidden;
    /*display: none;*/
    
    /*display: none\9;*/
}
.submenu li{
    display: none;
}
#mega-menu > ul > li:hover .submenu li,
#mega-menu > ul > li.hover .submenu li{
    display: block;
}
.level1 {
    background: none repeat scroll 0 0 #fff;
}
#mega-menu > ul > li:hover .submenu,
#mega-menu > ul > li  a:focus + .submenu ,
#mega-menu > ul > li a:active .submenu,
#mega-menu > ul > li:hover .submenu > .level1> .level2,
#mega-menu > ul > li:hover .submenu > .level1> .level3,
#mega-menu > ul > li.hover .submenu,
#mega-menu > ul > li.hover .submenu > .level1> .level2,
#mega-menu > ul > li.hover .submenu > .level1> .level3
{    
    
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    z-index: 100000;
    /*display: block;*/
    opacity: 1;
   /* filter: alpha(opacity=100);*/
    -moz-opacity:1;
    visibility: visible;
    /*display: block\9;*/
}
.submenu > ul {
    float: left;
    width: 320px;
}
#mega-menu .submenu li {
    float: none;
}
#mega-menu > ul > li {
    margin-left: 0;
    margin-top: 14px;
}
.menu-border {
    border-right: 1px solid #eee;   
    font-size: 18px;
    padding: 10px 20px 13px 20px;
}
/*.menu-border.ele-one{
    padding-left: 20px;
}*/
.menu-border.ele-two{
    padding-right: 12px;
    padding-left: 20px;
}
.menu-border.ele-three{
    padding-right: 12px;
    padding-left: 15px;
}
#mega-menu li {
    cursor: pointer;
    float: left;
    font-size: 16px;
    list-style-type: none;
    margin: 20px 0;
}
#mega-menu > ul > li > a {
    font-size: 18px;
    padding: 0 4px;
    text-decoration: none;
}
#mega-menu > ul > li.active {
    border-bottom: 6px solid #192239;
    color: #071a2e;
}
#mega-menu li a .icon-grey-down{
    margin: 0 3px 0 6px;
}
.side-chev {
    background: url("../../images/global/chevronsmall.png") no-repeat;
    height: 11px;
    width: 6px;
    text-indent: -10000px;
    overflow: hidden;
    float: right;
}
/*Submenu Level1*/
.submenu .level1 li {
    height: 25px;
    margin: 0 !important;
    padding: 20px 0 10px 20px;
}
.submenu .level1 li em {
       
    height: 35px;
    /*left: 0;*/
    position: relative;
    top: -6px;
    width: 55px;
	float:left;
}
.submenu .level1 .data-services em{
	background: url("../../images/global/data.png") no-repeat 0px 0 !important;   
  /*   background-position: 20px 0; */
}
.submenu .level1 .hosted-com em {
   /*  background-position: 20px -33px !important; */
    /*top: 63px !important;*/
	background: url("../../images/global/hosted_communication.png") no-repeat 0px 0 !important;
}
.submenu .level1 .managed-network em {
   /*  background-position: 20px -104px; */
    /*top: 119px;*/
	background: url("../../images/global/managed_network.png") no-repeat 0px 0 !important;
}
.submenu .level1 .voice-services em{
 /*    background-position: 20px -139px; */
    /*top: 174px;*/
	background: url("../../images/global/voice.png") no-repeat 0px 0 !important;	
}
.submenu .level1 .it-services em{
  /*   background-position:  20px -68px; */
    /*top: 228px;  */
	background: url("../../images/global/IT.png") no-repeat 0px 0 !important;	
}
.submenu .level1 .Mobile em {
   /*  background-position: 20px -33px !important; */
    /*top: 230px !important;*/
	background: url("../../images/global/mobile.png") no-repeat 0px 0 !important;
}
.submenu .level1 .machineToMachine em {
   /*  background-position: 20px -33px !important; */
    /*top: 286px !important;*/
	background: url("../../images/global/machineTomachine.png") no-repeat 0px 0 !important;
}
.submenu .level1 .Pillar_7 em {
   /*  background-position: 20px -33px !important; */
    /*top: 286px !important;*/
	background: url("../../images/global/crosspillar.png") no-repeat 0px 0 !important;
}
.submenu .level1 .browsea-z em, .submenu .level1 .browsea-z {
    border-top: 1px solid #e6e6e6;
    line-height: 30px;
    padding: 20px 20px 25px !important;
}

.submenu .level1 .browsea-z > a{
    font-size: 14px;
    margin-top: 10px;
    text-decoration: none;
}
.browsea-z a .side-chev{
    margin-top: 10px;
}
.level2 li a {
    float: right;
    font-size: 14px;
    margin-top: 10px;
    text-decoration: none;
}
.selected a {
    color: #6c1818 !important;
}
.submenu .level1 .data-services:hover >a, .data-services  .level2  .submenu-link:hover{    
    color: #6400aa!important;
}
.submenu .level1 .hosted-com:hover >a, .hosted-com:hover > .level2 .submenu-link:hover{    
    color: #6400aa!important;
}
.submenu .level1 .managed-network:hover> a, .managed-network:hover .level2 .submenu-link:hover{    
    color: #6400aa!important;
}
.submenu .level1 .voice-services:hover >a, .voice-services:hover .level2 .submenu-link:hover{    
    color: #6400aa!important;
}
.submenu .level1 .it-services:hover> a, .it-services:hover .level2 .submenu-link:hover{    
    color: #6400aa!important;
}
.submenu .level1 .Mobile:hover> a, .Mobile:hover .level2 .submenu-link:hover{    
    color: #6400aa!important;
}
.submenu .level1 .machineToMachine:hover> a, .machineToMachine:hover .level2 .submenu-link:hover{    
    color: #6400aa!important;
}
.submenu .level1 .Pillar_7:hover> a, .Pillar_7:hover .level2 .submenu-link:hover{    
    color: #6400aa!important;
}
.submenu .browsea-z:hover, .submenu .browsea-z:hover a,.submenu .browsea-z.hover,.submenu .browsea-z.hover a{    
    color: #6400aa !important;
    background: #fff !important;
}
.default-show .level2, .default-show .level3{
     -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    opacity: 1;
  /*  filter: alpha(opacity=100);*/
    -moz-opacity:1;
    visibility: visible;
}
.default-show, .submenu li.hover{
    background: #f1f5f6;
}

.level2.extended {
    left: 620px;
}
/*Level 2 Starts*/
li > ul.level2 {
    width: 320px;
    height: 345px;
    background: none repeat scroll 0 0 #f1f5f6;
    left: 320px;
    padding: 10px 0 25px;
    position: absolute;
    top: 0;
}

li.selected  ul.level2.choosen{
   background:#9b2323;
   color: #fff
}
ul.level1  li:hover,ul.level1  li:focus{
  background:#f1f5f6;
}
li.data-services.selected ul.level2 ,li.data-services.selected ul.level3 {
   display: block;
}
li:hover > ul.level2 ,li.selected:focus > ul.level2,li:hover  ul.level3 ,li.selected:focus > ul.level3, .submenu li.hover  ul.level2,.submenu li.hover  ul.level3{
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    opacity: 1;
  /*  filter: alpha(opacity=100);*/
    -moz-opacity:1;
    visibility: visible;
}
.level2 > li { 
    color: #3a3a39;
}
ul.level2{
    opacity: 0;
   /* filter: alpha(opacity=0);*/
    visibility: hidden;
}
ul.level2 li {    
    font-weight: 700;
    font-size: 14px !important;
    line-height: 22px;
    margin: 0 !important;
    padding: 0 !important;
}
/*ul.level2  li a.submenu-link:hover,ul.level2 li a.submenu-link:focus {
    color: #6c1818!important;
    font-weight: bold;
}*/

.level2 li a.submenu-link {
    background:url("../../images/global/chevronsmall.png") no-repeat right center;    
    border-bottom: 1px solid #e2e2dd;
    float: left;
    margin: 0 60px 0 40px;
    padding: 12px 0;
    width: 220px;
}
.level3 li a.submenu-link {
    margin: 0 74px 0 35px; 
    width:230px; 
}
.level3 li a.submenu-link span.side-chev, .level2 li a.submenu-link span.side-chev {
    margin-top: 6px;  
}

/*Level 3 Starts*/
li > ul.level3 {
    background: none repeat scroll 0 0 #f1f5f6;
    height: 90%;
    left: 620px;
    padding: 10px 0 25px;
    position: absolute;
    top: 0;
    width: 340px;
}
li.chosen > ul.level3.activated{
   background:#9b2323;
    color: #fff
}
.level3 > li {
    color: #3a3a39;
}
ul.level3 {
    display: none;
}
ul.level3 li {
    margin: 0 !important;
    padding: 0 !important;
}
li.activated {
    color: #6c1818;
}
/*btwholesale link*/
#mega-menu a.link-more {
    color: #d63181;
    float: right;
    font-size: 18px;
    line-height: 42px;
    padding: 11px 14px 0 0;
    text-align: center;
    text-decoration: none;
    width: 160px;
}
.myBTwebsite .icon-pink-right {
    margin-left: 9px;
}
a.link-more:active,a.link-more:hover,a.link-more:focus {
border-bottom: 6px solid #d63181;
}
.myBTwebsite:hover ul,.myBTwebsite:focus ul {
    display: block !important;

}
ul.submenu.mybtwmenu {
    background: none repeat scroll 0 0 #b4b4b4;
    border-bottom: 0 none transparent;
    height: 38px !important;
    margin-left: 0;
    padding: 0;
    position: absolute;
    top: 106px;
}
ul.submenu.mybtwmenu > li {
    border-right: 0 none transparent !important;
    display: inline;
    float: left !important;
    font-size: 18px !important;
    margin: 0 !important;
    padding: 10px !important;
}
#mega-menu .btw-menu {
    float: right;
}
#mega-menu .btw-menu li {
    color: #d63181;
    float: right;
    font-size: 18px;
    line-height: 41px;
    width: 170px;
}
#mega-menu .btw-menu .icon-pink-right{
    margin-left: 10px;
}
.mega-submenu li a {
    border-left: 1px solid #eee;
    padding: 0 27px;
}

#mega-menu .btw-menu li.first-sub-link a {
    border-left: medium none;
    padding-left: 22px;
}
#mega-menu ul.btw-menu li:focus ,#mega-menu ul.btw-menu li:hover,#mega-menu ul.btw-menu li.active {
    border-bottom: 6px solid #d63181;
}
#mega-menu ul.btw-menu li.active ul li{
    border-bottom: 0px none;
}
#mega-menu ul.btw-menu li ul li:hover{
    border-bottom: 6px solid #d63181;
}
.mega-submenu li:hover {
    height: 34px
}
.last-submenu a{
    border-right: none !important; 
}
#mega-menu ul.btw-menu li:focus ul  ,#mega-menu ul.btw-menu li:hover ul  {
    display: block;
}
.btw-menu ul {
    background: none repeat scroll 0 0 #f1f5f6;
    display: none;
    float: left;
    left: 50%;
    margin-left: -490px;
    position: absolute;
    top: 114px;
    width: 980px;
}
#mega-menu .btw-menu ul li {
    float: left;
    margin: 0;
    width: auto;
}
.btw-menu  a.wholesale-link {
    color: #d63181 !important;
}

.btw-menu  a.wholesale-link span{
    color: #d63181 !important;
}

/*For logged in BZ users the mega-submenu for right link shud be always active*/
.mega-submenu.loggedin-bz {
    display: block;
    z-index: 0;
}
#mega-menu .loggedin-bz li a:hover {
    border-bottom: 6px solid #d63181;
}
#mega-menu ul.loggedin-bz {
    background: none repeat scroll 0 0 #f1f5f6;
    height: 40px;
    width: 980px;
}
#mega-menu .loggedin-bz li a {
    border-left: 1px solid #e7e7e7;   
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 0 25.9px;
}
@media all\0 {
#mega-menu .loggedin-bz li a {
    padding: 0 25.1px 0 25.1px;
}
}
@media all and (monochrome:0) {
#mega-menu .loggedin-bz li a {
    padding: 0 25.1px 0 25.1px\9;
}
}
@media all and (-ms-high-contrast:none) {
#mega-menu .loggedin-bz li a {
    padding: 0 25.1px 0 25.1px\9;
}
}
#mega-menu .loggedin-bz li.first-sub-link a{
      padding-left:19px;
      border-left: none
}
#mega-menu .loggedin-bz .active {
    border-bottom: 6px solid #193a67;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mega-menu .loggedin-bz li a {
    border-left: 1px solid #eee;
    padding: 0 26px;
    line-height: 20px;
}
#mega-menu  li.first-sub-link a {
border-left: medium none;
padding-left: 31.9px;
}
}
/*Header Finished*/
/* search list drop-down css*/
#username{							/*changed for BTWCE-97877*/
    text-transform: capitalize;
	/*text-decoration: none !important;
    cursor: default; */
	float: left;
	padding-right: 9px;
	margin-left: 2px;
}
.top-right-nav .search-result{
    position: absolute;
    z-index: 9999;
    float: none;
    top: 41px;  
    width: 212px; 
    border:1px solid #999;
    border-top: none;
    background-color: #fff;

}
.top-right-nav .search-result li{
    float: none;   
    padding: 5px;
    list-style-type: none;
    border-bottom: 1px solid #999;
    cursor: pointer;
}
.top-right-nav .search-result li.selected{
    background-color: #eee;
}
 /************************** release BD changes for 75580 issue no 26 starts *******************************************/
 
/* .loggedin-bz{
 margin-top: 5px;

} */

 /************************** release BD changes for 75580 issue no 26 ends *******************************************/
 
.btError {
    background: none repeat scroll 0 0 #ff3300;
    color: white;
    padding: 0;
}
/* search list drop-down css*/

/*Adding Minesh's Changes */
#ser_key_error_err{
                padding:2px 0 2px 0;color:#F00;font-size:12px; text-align:center;
}
#refine_special_char_search_error{
                padding:2px 0 2px 0;color:#F00;font-size:12px; text-align:center;
}
#special_char_search_error{
                padding:2px 0 2px 0;color:#F00;font-size:12px; width: 200px; word-wrap: break-word;
}
.er101 {
    color: #f00;
	float: right;
    font-size: 13px;
    padding: 5px;
}

#ser_key_error {
    color: #f00;
    font-size: 12px;
    padding: 2px 0;
    width: 200px;
    word-wrap: break-word;
}
.none {
    display: none;
}

/*For mega nav cursorissue*/
.prod-serv{cursor:default!important;}

.dividing_lines {				/*changed for BTWCE-97877*/
    display: inline-block;
    background: url('/assets/images/btw/divider_line.jpg') no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    width: 2px;
    height: 23px;
    margin-top: -3px;
}
#logout {					/*changed for BTWCE-97877*/
    float: left;
	padding-right: 9px;
	margin-left: -3px;
}
#search .icon-search {     /*changed for BTWCE-97877*/
    background-position: 0 !important;
}
#search .cross {				/*changed for BTWCE-97877*/
    margin-top: 0 !important;
}
#sections .top-right-nav { /*changed for BTWCE-97877*/
    margin-top: 12px;
}
#sections .top-right-nav .nav-item-icon a { /*changed for BTWCE-97877*/
    margin-top: -8px;
}
/*added for search bar height*/
#search input {
    height: 18px;
}