/**** Otis Theme ****/

/*
    @media(max-width:650px){   .container{ width:100% !important; max-width:100% !important; }} 
    @media(max-width:767px){   .container{ width:100% !important; max-width:100% !important; }}
    @media(min-width:768px){   .container{ width:100% !important; max-width:100% !important; }} 
    @media(min-width:992px){   .container{   max-width:100% !important; }} 
    @media(min-width:1200px){  .container{   max-width:1024px !important; }}  
*/

#gritter-notice-wrapper {
    display: flex;
    flex-direction: column;
    width: 100% !important;
    justify-content: center;
    align-items: center;
    bottom: 20px;
    top: auto !important;
    right: auto !important;
}

.alert {
    background-image: none !important;
    background-color: #4d4d4d !important;
    color: #fff !important; 
    margin-bottom: 0px !important;
    font-size: 13px !important;
    display: flex;
    flex-direction: row;
    border: none !important;
    align-items: center;
    padding-right: 25px !important;
}

    .alert i {
        margin-right: 10px;
    }

.gritterClose {
    display: block !important;
    visibility: visible !important;
    color: #fff !important;
    padding: 5px 5px 0px 0px;
    margin-left: -40px !important;
}

.alert-danger i {
    color: #efa741 !important;
}

.alert-success i {
    color: #4caf50 !important;
}

.gritterClose i {
    font-size: 18px !important;
}

.alert a {
    color: #fff !important;
    text-decoration: underline;
    margin-left: 5px;
}
.integratedStoreHeader {
    display: flex;
    padding: 5px 8px;
    align-items: center;
    background-color: #444c5a;
    color: #dadada;
    margin-bottom: 20px;
    border-radius: .3em;
}
.integratedStoreHeader i {
    margin-right:10px;
}

    .wrapper {
        width: 100%;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }

    .ui-dialog{
        max-width:100%;
    }

    /* MEDIA QUERIES */ 
    @media(max-width:650px)     
    {
            #searchContainer { display:none; }            
            #userLogin { display:none; }
            #mobileNavigation, #mobileSearchBar { display:block; }
             #prodCat
        {   
            padding: 8px 0px 8px 0px !important;
        }
            #ctl00_MainContent_divNavigation
        {
            padding-right:20px !important
        }
        .container{ width:100% !important;}
        
           
        #MainContent_divNavigation
        {
            display:none !important;
        }
        
        .logoContainer
        { 
            margin-top:70px !important; 
            float:none;
            text-align:center; 
        } 
        
        #webNav
        {
            position:fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index:2500;
        }
        
        #ctl00_MainContent_divNavigation
        {
            display:none;
        } 
        
        #resultCount, .searchReturn
        {
            float:left !important; 
            margin-top:20px !important;
            
            margin-bottom:20px;
            display:none;
        }
        
        #productSearchOptions
        {
            clear:both !important;
            float:none !important;
        }
    
        #productImage
        {
            float:left !important;
        }
    } 
        
    @media(max-width:767px)    
    {
        #productImage{
            padding:0px !important;
            margin-bottom:20px;
            float:none !important;
            display:block;
        }

        #searchContainer {
            width: 120px;
        }
        #userLogin { display:none; }
        #mobileNavigation, #mobileSearchBar { display:block; }
            
        #prodCat
        {   
            padding: 8px 0px 8px 0px !important;
        } 
            #ctl00_MainContent_divNavigation
        {
            padding-right:20px !important
        }
        .container{ width:100% !important;}
        
            
        #webNav
        {
            position:fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index:2500;
        }
        
                
        
        #MainContent_divNavigation
        {
            display:none !important;
        }
        
        .logoContainer
        {  
            
            margin-top:70px !important; 
            float:none;
            text-align:center; 
        } 
        
         
        #ctl00_MainContent_divNavigation, #userLinks, #accountSettingsContainer, #miniCartContainer
        {
            display:none;
        }
        #resultCount, .searchReturn
        {
            float:left !important; 
            margin-top:20px !important;
            margin-bottom:20px;
            display:none;
        }
         #productSearchOptions
        {
              clear:both !important;
            float:none !important;
        }
        
        #productImage
        {
            float:left !important;
        }
    }
        
    @media(min-width:768px)    
    {
        #searchContainer { width:150px; }
        #userLogin { display:block; }
        #mobileNavigation { display:none; }
        
        #prodCat
        {   
            padding: 6px 0px 0px 0px !important;
        }
      
         .container{ width:100% !important;}
         
        #mobileSearchBar
        {
            display:none;
        }
        
        
       
        #MainContent_divNavigation
        {
            display:block !important;
        }

        .logoContainer
        { 
            float:left;
            text-align:left;  
            margin-top:10px !important; 
        } 
        
    } 
        
    @media(min-width:992px)   
    {
            #searchContainer { width:300px; }
            #userLogin { display:block; }
            #mobileNavigation { display:none; }
            
        #prodCat
        {   
            padding: 6px 0px 0px 0px !important;
        }
        
        .container{ width:100% !important;}
        
        #mobileSearchBar
        {
            display:none;
        } 
        
        #mainContain
        {
            display:block !important;
        }
        
        .logoContainer
        { 
            margin-top:10px !important; 
            float:left;
            text-align:left; 
        } 
    } 
        
    @media(min-width:1200px)    
    {
        #searchContainer { width:300px; }
        #userLogin { display:block; }
        #mobileNavigation { display:none; }
        #prodCat
        {   
            padding: 8px 0px 8px 0px !important;
        }
            #ctl00_MainContent_divNavigation
        {
            padding-right:20px !important
        }
        .container{ width:1024px !important;}
        
        #mobileSearchBar
        {
            display:none;
        } 
        
        #MainContent_divNavigation
        {
            display:block !important;
        }
        
        .logoContainer
        { 
            margin-top:10px !important; 
            float:left;
            text-align:left; 
        } 
    } 
      

    /* Mobile Navigation Selectors */
    
        
    #mobileSearchBar 
    {
        position:fixed;
        top:50px;
        left:0;
        right: 0;
        height:55px;
        background-color:#1876b8; 
        color:#ffffff;
        z-index:9999; 
        padding:10px; 
    }
        
        
    #mobileNavigation
    {
        position:fixed;
        top:0;
        left:0;
        right: 0;
        height:50px;
         
        /*border-top:2px solid #005b8b; */
        color:#ffffff;
        z-index:9999;
    }
    #mobileNavigation div
    {
        height:50px;
        text-align:center;
        padding-top:15px; 
    }
    #mobileNavigation a
    {
        color:#fff;
    }
    #mobileNavigation a:hover
    {
        color:#fff;
    }
        
    #mobileNavigation div:last-child
    {
        border-right:none !important;
    }
 
        
    /* Mobile Navigation */        
        
    * {
      box-sizing: border-box;
    }
 

    .mobile_escape_left
    { 
        width:20%;  
        display:none; 
        position:fixed !important;
        bottom:0 !important;
        left:0 !important;
        top:0 !important;
    }  


    .mobile_escape_right
    { 
        width:20%;   
        position:fixed !important;
        bottom:0 !important;
        right:0 !important;
        top:0 !important;
    }  
     
    .mobile_main-nav 
    {
      position: fixed; 
      left:0; 
      height: 100%; 
      width:100%;
      overflow-x:hidden;
      overflow-y: auto;
      transition: width .5s ease; 
      z-index:100; 
      bottom:0px;
    } 
    .mobile_main-nav a:hover, .mobile_main-nav a:active 
    {
        color:#fff !important;
        text-decoration: none !important;
    }

    .mobile_main-nav_container
    {    
        width:80%;
        background: #ccc; /*#005b8b; */
    
      /* Transition ltr */
        -webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.36);
        -moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.36);
        box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.36);
      
    }  
    
    .mobile_user-nav {
      position: fixed; 
      left:0;  
      height: 100%; 
      width:100%;
      overflow-y: none;
      transition: width .5s ease; 
      z-index:100; 
    }

    .mobile_user-nav_container
    {   
        background: #ccc; 
        height:100%;     
        margin-top:50px;
        width:80%;

      /* Transition ltr */
        -webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.36);
        -moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.36);
        box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.36);
    }  
  

    .mobile_main-nav a, .mobile_user-nav a {
        display: block;
        background: linear-gradient(#3E3E3E, #383838);
        background-color:#333;
        border-top: 1px solid #484848;
        border-bottom: 1px solid #2E2E2E;
        color: white;
        padding: 15px; 
    }
   
    .mobile_escape{
     display:block !important   ;       
    }
    
    /* MEDIA QUERIES */ 
    @media(max-width:650px)     
    {
        #mainContain { padding:10px !important}
        .container {
            padding: 0px !important;
        }
        #searchContainer { display:none; }            
        #userLogin { display:none; }
        #mobileNavigation { display:block; }
    } 
        
    @media(max-width:767px)    
    {
            #searchContainer { width:120px; }
            #userLogin { display:none; }
            #mobileNavigation { display:block; }
             
    }
        
    @media(min-width:768px)    
    {
        #searchContainer { width:150px; }
        #userLogin { display:block; }
        #mobileNavigation { display:none; }
    } 
        
    @media(min-width:992px)   
    {
            #searchContainer { width:300px; }
            #userLogin { display:block; }
            #mobileNavigation { display:none; }
    } 
        
    @media(min-width:1200px) 
    {
        #searchContainer { width:300px; }
        #userLogin { display:block; }
        #mobileNavigation { display:none; }
    } 
     
        






/**************Page stuff********************/ 
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
}

.ml10 {
    margin-left: 10px !important;
}

.no-close .ui-dialog-titlebar-close, .ui-dialog-titlebar {
    display: none;
}

a:hover, a:active, a:focus 
{ 
   outline: 0 !important;
   text-decoration: none !important;
}

.logoContainer
{
   max-height:150px;
   margin:0px 20px;
}
  


#mobilePager .pagination
{
    padding:0px !important;
    margin:0px !important;
}


#mobilePager .pagination > li > a, .pagination > li > span
{
    padding: 2px 8px;
}



.navbar-default  
{
    background-image: none !important;
    background-color:#1876b8 !important;
    /* linear-gradient(to bottom,#1876b8 0,#0b3d60 100%) !important;*/
} 

.navbar-nav > li > a
{
    color:#ffffff !important;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

 .list-group-item
 {
    padding:2px 10px !important;
    border:none !important;   
 }


.directory li
{
   list-style-type: none;
   margin-left:10px;
}

.directory li:hover
{
   list-style-type: disc; 
   color:#777;
   cursor:pointer;
}

.navbar-nav > li:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{ 
    background-image:none !important;
}

.navbar-nav > li 
{
    border-left:solid 1px #73a7cc;
    border-right: solid 1px #145d90;
} 

#userLinks
{ 
    margin-right:10px;
}

#userLinks a
{
    color:#1876b8;
}

#userLinks a:hover
{
    color:#145d90;   
}

#webNav, #navContainer
{
   padding:0px;
}


#txtSearch
{
    font-size:14px; 
    padding-top:4px !important;
}

#searchMobile 
{
    margin-top:8px !important;
    padding-right:10px !important;
}


#navPages li
{
    list-style-type: none;
    margin-left:20px;
    cursor:pointer;
    color:#145d90;
}

#navPages li:hover
{
    list-style-type: disc; 
}

.no-padding
{
    padding-left:0px !important;
    padding-right:0px !important;
}
 
#miniCartContainer a, #accountSettingsContainer a { color:#777; }

 

/*******Sticky Footer *****************/

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  
  padding-bottom: 70px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  background-color: #f5f5f5;
}  
 
.qtyContainer
{
    display:inline !important; 
    padding: 2px 5px !important;
}

/*****Loading Classes**********/

#loadingOverlay
{
    background: rgba(101,101,101,0.25); 
    position:fixed;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    z-index:999999;
    width:100%;
}


 .navbar-default .navbar-nav > .active > A
 {
     filter: none !important;
 }
 



/******Helper Classes*********/

.ml20 { margin-left:20px !important; }
.mr20 { margin-right:20px !important; }
.mt20 { margin-top:20px !important; } 
.mb20 { margin-bottom: 20px !important; }
.pl20 { padding-left:20px !important; }
.pr20 { padding-right:20px !important; }
.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }

.mt10 { margin-left:10px !important; }
.mr10 { margin-right:10px !important; }
.mt10 { margin-top:10px !important; } 
.mb10 { margin-bottom: 10px !important; }
.pl10 { padding-left:10px !important; }
.pr10 { padding-right:10px !important; }
.pt10 { padding-top: 10px !important; }
.pb10 { padding-bottom:10px !important; }


.ml0 { margin-left:0px !important; }
.mr0 { margin-right:0px !important; }
.mt0 { margin-top:0px !important; } 
.mb0 { margin-bottom: 0px !important; }
.pl0 { padding-left:0px !important; }
.pr0 { padding-right:0px !important; }
.pt0 { padding-top: 0px !important; }
.pb0 { padding-bottom: 0px !important; }