/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*html {background:#363636;}*/
a:focus {outline:0;}

/* GLOBAL HEADER */
#top-nav .fa {font-size:15px !important;vertical-align:text-bottom;}
#top-nav .navbar-inverse {
  font-family: 'Lato', sans-serif;
  font-weight:400;
  background-image: -webkit-linear-gradient(top,#303030 0,#222 100%);
  background-image: linear-gradient(to bottom,#303030 0,#222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff303030', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
#top-nav .navbar {z-index:9089;box-shadow:none;margin-bottom:0;} /*a higher z-index hides the page editor menu*/
#top-nav .navbar-inverse .visible-lg .navbar-nav > li > a:hover,
#top-nav .navbar-inverse .visible-lg .navbar-nav > li > a:focus, #top-nav .dropdown a {
  color: #fff;
  background-color: transparent;
}
#top-nav .navbar-inverse .navbar-nav > .active > a,
#top-nav .navbar-inverse .navbar-nav > .active > a:hover,
#top-nav .navbar-inverse .navbar-nav > .active > a:focus, 
#top-nav .visible-lg li:hover a, #top-nav .visible-md li.open a {
  color: #fff;
  background: #080808 !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff080808', GradientType=0);
}
#top-nav .navbar {min-height:27px;border-radius:0;}
#top-nav .navbar-nav>li>a {padding-top:2px;padding-bottom:2px;color:#c1c1c1;}
#top-nav .navbar-left>li:first-child>a{margin-left:0;padding-left:0;}
#top-nav .navbar-nav {margin: 0}
#top-nav {font-size:12px;padding-bottom:27px;}
#top-nav .navbar-right {float: right!important;}
#top-nav .navbar-nav>li, .navbar-nav {float: left !important;}
#top-nav .dropdown-menu {
  position: static;
  background-color: #080808;
  box-shadow: none;
  border-radius:0;
  font-size:12px;
  padding:24px 20px;
  z-index:1000;
}
#top-nav .dropdown-menu li a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  background:#303030 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff303030', endColorstr='#ff303030', GradientType=0);
}
.dropdown-header {text-transform:uppercase;font-weight:bold;color:#fff;padding:0;}
.pool-pro-menu {width:100px;}

/* GLOBAL SIDE NAV */
#productExplorerBtn, #supportCenterBtn, #searchNowBtn { 
  width: 60px;
  text-align:center;
  margin-bottom:5px;
  display: block; 
  background: #fff; 
  padding: 8px 10px;
  color: #222; 
  font-family: Arial, sans-serif; 
  font-size: 11px; 
  text-decoration: none; 
  border: solid 1px #222;
  border-left:0;
  line-height:1;
  left:0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor:pointer;
}
.sideButtons {top:40%;position:fixed;z-index: 999;}


#productExplorerBtn i, #supportCenterBtn i, #searchNowBtn i {
  font-size:20px;
  margin-bottom:7px;
}

#productExplorerBtn:hover, #supportCenterBtn:hover, #searchNowBtn:hover { 
  background: #222; 
  color:#fff;
}
.sideButtons a:hover {text-decoration:none;}
#GlobalWidget .navbar-default{background:#363636;border-top:1px solid #c1c1c1;min-height:0;}
#GlobalWidget .col-xs-4 {color:#c1c1c1;border-right:1px solid #c1c1c1;text-align:center;padding:7px 0;font-size:16px;}
#GlobalWidget .col-xs-4:last-child{border-right:0;}
#GlobalWidget .col-xs-4 a, #GlobalWidget .col-xs-4 a:hover {color:#c1c1c1;text-decoration:none;}
 
.backtotop {
  background: rgba(169, 169, 169, 0.51);
  padding: 10px 15px;
  font-size: 18px;
  color: #fff;
  border-radius: 3px;
  -webkit-transition: background 300ms;
  -o-transition: background 300ms;
  transition: background 300ms;
}
.brand-nav-fixed{margin-top:27px;z-index:10;}
#topcontrol {z-index:1000;}

/* GLOBAL FOOTER */
footer.navbar-inverse {padding-top:10px;background:#363636;}
.global-footer {color:#c1c1c1;font-family: 'Lato', sans-serif;position:relative;}
.global-footer .list-inline {margin-bottom:5px;font-size:15px;}
.global-footer .list-inline:last-child {padding-right:0;}
.global-footer a {color:#c1c1c1;font-weight:700;}
.global-footer a:hover {color:#fff;text-decoration:none;}
.copyright {font-size:10px;}


/* GLOBAL NAV MEDIA QUERIES */
/* Smallest devices (mobile, 479px and below) */
@media (max-width: 479px) {
  #topcontrol {bottom:160px !important;right:10px !important;}
  #top-nav .nav-tabs a {padding:4px 6px !important;font-size:11px;}
  body {margin-bottom:38px;}
}

/* X-Small devices (mobile, 480px and up) */
@media (min-width: 480px) {
  #top-nav .dropdown-menu {
    position: absolute;
    float: left;
    z-index:1000;
  }
  #top-nav .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  #topcontrol {bottom:140px !important;right:10px !important;}
  body {margin-bottom:38px;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .global-footer .list-inline li {padding:0 10px;}
  #topcontrol {bottom:130px !important;right:15px !important;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .global-footer .list-inline li {padding:0 20px;}
  #topcontrol {bottom:80px !important;right:15px !important;}
  body{padding:0 !important;margin:0;}
  .container {
    width: 900px;
  }
}

/* Large devices (desktops, 1200px and up) */
@media (min-width: 1200px) {
  .container {
    width: 1110px;
  }
}

/* Mobile or Tablet Only Styles */
#top-nav .tab-pane {background:#080808;}
#top-nav .tab-pane .dropdown {list-style-type:none;padding:20px 40px;margin-bottom:0;}
#top-nav .tab-pane .dropdown a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
  text-decoration:none;
}
#top-nav .visible-lg .dropdown-toggle{pointer-events: none;cursor: default;}
#top-nav .tab-pane .dropdown a:hover, #top-nav .tab-pane .dropdown li.active>a {background:#303030;}
#top-nav .nav-tabs {border:0;}
#top-nav .nav-tabs a {color:#c1c1c1;border:0;padding:4px 15px;background:transparent;}
#top-nav .nav-tabs>li.active>a {
    color:#fff;background:#080808;border:0;border-radius:0;
}
.global-footer .list-inline li {padding:0 5px;}