/* Detailing Styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  color: black;
  background-color: #87CEFA ;
  background-size: cover;
  -webkit-background-size: cover; 
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;    
  /*background:  #87CEFA url("../images/squared_metal.png") repeat 0 0;*/
  background:  #87CEFA url("../images/hltoolworxproductsgrey.png") no-repeat fixed center;
}

#topnavbar {
    margin: 0;
    border: 0;
}
#bottomNavBar{
    /*background:  #87CEFA url("../images/greybar.png") repeat 0 0;
    border: 0;*/
}
#topnavbar.affix {
    position: fixed;
    top: 0;
    width: 100%;
    
}
#banner {
    width:100%;
    background-color: #3399FF
    /*background:  #87CEFA url("../images/greybar.png") repeat 0 0;*/
}
#bannerimage{
    width: 100%;
    height: 80px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #3399FF
}

/* Custom page CSS
-------------------------------------------------- */
/* Not requi#3399FF for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Corben', Georgia, Times, serif;
    font-weight:bold;
}
p, div {
    font-family: 'Nobile', Helvetica, Arial, sans-serif;
}
/* unvisited link */
a:link {
    color: darkblue;
}

/* visited link */
a:visited {
    color: darkblue;
}

/* mouse over link */
a:hover {
    color: darkblue;
}

/* selected link */
a:active {
    color: darkblue;
}
.container .text-muted {
  margin: 20px 0;
}
.header_phone{
    color: darkblue
}
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
 .animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

.stars
{
    margin: 20px 0;
    font-size: 24px;
    color: #d17581;
}
code {
  font-size: 80%;
}
.text-custom-color{
color: black;
}
.text-custom-grey{
color: darkblue;
}
.text-custom-color a, 
.text-custom-color a:hover, 
.text-custom-color a:focus {
    color: black;
}

.accordion a, 
.accordion a:hover, 
.accordion a:focus {
    color: black;
}
.accordion-extended-color{
color: darkblue;
}
/* navbar */
.navbar-custom {
    background-color: #3399FF;
    border-color: black;
}
/* title */
.navbar-custom .navbar-brand {
    color: black;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: black;
}
/* link */
.navbar-custom .navbar-nav > li > a {
    color: black;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #3399FF;
}
.navbar-custom .navbar-nav > .active > a, 
.navbar-custom .navbar-nav > .active > a:hover, 
.navbar-custom .navbar-nav > .active > a:focus {
    color: black;
    background-color: #3399FF;
}
.navbar-custom .navbar-nav > .open > a, 
.navbar-custom .navbar-nav > .open > a:hover, 
.navbar-custom .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #CCFFFF;
    border-bottom-color: #CCFFFF;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #CCFFFF;
    border-bottom-color: #CCFFFF;
}
.navbar-custom .navbar-nav > .open > a .caret, 
.navbar-custom .navbar-nav > .open > a:hover .caret, 
.navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-custom .navbar-toggle {
    border-color: #DDD;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #CCFFFF;
    }
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 70%;
    margin: auto;
}
.carousel-caption-white 
{
    color:#fff;
}
.carousel-caption-black 
{
    color:#000;
}
.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70,70,70,.25);
}

.carousel-indicators .active {
  background-color: #444;
}


.table-no-border>thead>tr>th, 
.table-no-border>tbody>tr>th, 
.table-no-border>tfoot>tr>th, 
.table-no-border>thead>tr>td, 
.table-no-border>tbody>tr>td, 
.table-no-border>tfoot>tr>td {
  border-top: none; 
}