/* mycarousel
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

html, body {
  height: 100%;
}
body {
  padding-top: 100px;
 /* body padding for fixed top nav */
}
.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}
.tab-pane {
  margin-top: 15px;
}
/* Page Sections */
.section,
.section-colored {
  padding: 25px 0;
}
.section-colored { background-color: #4496D1; color: white; }
.section-colored-transparent { background-color: #4496D1; color: white; opacity: 0.9; padding-bottom: 25px; }
.footer { background-color: Black; }
.sidebar {
  margin-top: 40px;
}
.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}
/* Half Page Height Carousel Customization */
.carousel {
  height: 50%;
}
.navbar-inverse
{
    background-color: #0063A1;
    border-color: #4496D1;
}
.item,
.active,
.carousel-inner {
  height: 100%;
}
.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}
.tooltip-social a {
  text-decoration: none;
  color: inherit;
}
.facebook-link a:hover {
  color: #3b5998;
}
.linkedin-link a:hover {
  color: #007fb1;
}
.twitter-link a:hover {
  color: #39a9e0;
}
.google-plus-link a:hover {
  color: #d14836;
}
/* Service Page Styles */
.service-icon {
  font-size: 50px;
}
/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}
/* Pricing Page Styles */
.price {
  font-size: 4em;
}
.price-cents {
  vertical-align: super;
  font-size: 50%;
}
.price-month {
  font-size: 35%;
  font-style: italic;
}
/* Footer Styles */
footer {
  margin: 50px 0;
}
/* Responsive Styles */
@media (max-width: 767px) {
  .carousel {
    height: 80%;
 /* increases the carousel height so it looks good on phones */
  }
}
@media (max-width: 991px) {
  .carousel {
    height: 80%;
 /* increases the carousel height so it looks good on phones */
  }
}
/* CSS Rollover Trick */
.roll .on { display: none; }
.roll .off { display: inline-block; }
.roll:hover .on { display: inline-block; }
.roll:hover .off { display: none; }
/* for multi drop-down menu */
.dropdown-submenu{
   position:relative;
   min-width: 0px !important;
}
.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    width: 100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}
.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}
.dropdown-submenu .pull-left{
    float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
/* end for multi drop-down menu*/
/* Colour the last item in a breadcrumb trail differently */
.breadcrumb li.active a { color: #999; }
/* override the default button color: */
.btn-primary {
  color: #FFF;
  background-color: #EE3424;
  border-color: #cccccc;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #FFF;
  background-color: #EE3424;
  border-color: #FFF;
}
@media (max-width: 991px) {
    body {
        padding-top: 35px;
    /* body padding for fixed top nav */
    }
    .navbar-header {
        float: none;
        background-color: #0063A1;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
   .navbar-collapse.collapse.in {  /* NEW */
        display: block!important; 
    }
   .navbar-nav > li > a
   {
       line-height: 10px;
   }
}  
#owl-product .item
    {
        position: relative;
        height: 350px;
        width: 100%;
    }
 #owl-product .item img {
        max-height: 100%;  
        max-width: 100%; 
        width: auto;
        height: auto;
        position: absolute;  
        top: 0;  
        bottom: 0;  
        left: 0;  
        right: 0;  
        margin: auto;
}
@media (min-width: 768px) 
 {
	.alignfooter { text-align: left; } 	
    .navbar { height: 50px; min-height: 50px; }
    .alignheader { text-align: left; }
    .translate { height: 32px; max-height: 32px; padding-right: 15px; padding-bottom: 10px; }
    .navbar-inverse .navbar-nav > li > a {
        color: white;
        font-weight: bold;
     }

    #owl-banners { height: 250px; }
 }
 
 @media (min-width: 992px) 
 {
	.alignfooter { text-align: right; } 	
     .search-box { float: right; padding-top:19px; } /* Shift the search box to the right! */
     /* Make the navbar clear the header.... */
    .navheader { height: 100px; min-height: 100px; }
    .navlinks { height: 60px; min-height: 60px; margin-top: -10px; }
    .translate { height: 22px; max-height: 22px; padding-right: 15px; float: right; text-align: right;}

    .columns{
        -moz-column-count:2; /* Firefox */
        -webkit-column-count:2; /* Safari and Chrome */
        column-count:2;
        width: 500px;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: white;
        border-right: solid 1px #4496D1;
        font-weight: bold;
        background-image: -webkit-linear-gradient(top, #0063A1, #4496D1);
        background-image: -moz-linear-gradient(top, #0063A1, #4496D1);
        background-image: -ms-linear-gradient(top, #0063A1, #4496D1);
        background-image: -o-linear-gradient(top, #0063A1, #4496D1);
        background-image: linear-gradient(to bottom, #0063A1, #4496D1);
    }

        .navbar-inverse .navbar-nav > li > a:hover {
            background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
            background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
            background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
            background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
            background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
            text-decoration: none;
        }

        .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus
        {
            background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
            background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
            background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
            background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
            background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
            text-decoration: none;
        }

        .nav > li > a {
            padding-left: 12px;
            padding-right: 12px;
            margin-top: -5px;
        }

        #owl-banners { height: 250px; }
 }
 
 @media (min-width: 1200px) {
	.alignfooter { text-align: right; } 
    .search-box { float: right; padding-top:19px; }
    /* Make the navbar clear the header.... */
    .navheader { height: 100px; min-height: 100px; }
    .navlinks { height: 60px; min-height: 60px; margin-top: -20px }
    .translate { height: 22px; max-height: 22px; padding-right: 15px; float: right; text-align: right;}

    

    .columns{
        -moz-column-count:2; /* Firefox */
        -webkit-column-count:2; /* Safari and Chrome */
        column-count:2;
        width: 500px;
    }

    .nav > li > a {
            padding-left: 15px;
            padding-right: 15px;
            margin-top: 0;
        }
   
    #owl-banners { height: 394px; }

}

@media (min-width: 768px) and (max-width: 1000px) {
   .collapse {
       display: none !important;
   }
}

/* To fix the height of the view items (Products) */
.image 
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 106px;
    width: 275px;
}

.newsimage {
    text-align: center;
    width: auto;
    width: 400px;
}


.newsimage img {
    width: auto;
    max-width: 100%;
    height: 150px;
    max-height: 150px;
    margin-left: auto;
    margin-right: auto;
}

/* fix the width of the carousel, so images don't resize the carousel */
#productCarousel img {

    height: 350px;
    max-height: 350px;
    width: auto;

}

.map
{
    background: url(images/map-uk.png) no-repeat right;
    background-size: auto 170px;
    height: 180px;
}

.map-small
{
    background: url(images/map-uk.png) no-repeat right;
    background-size: auto 80px;
    height: 80px;
}

.online
{
    background: url(images/OnlineStockistsSearch_Icon.png) no-repeat right;
    background-size: auto 80px;
    height: 80px;
}

.thumbnails p { text-align: center; padding: 10px; } 

.item li { list-style: none; }



.navbar-ex1-collapse {
    background-color: #0063A1;
    padding-top: 10px;
}

.img-logo { visibility: hidden; }


.has-feedback .form-control { padding-right: 5px;
}

/*.navbar-collapse a, a:visited { color: #999; text-decoration: none; }
.navbar-collapse a:active, a:hover { Color: #FFF; text-decoration: underline; }

a.tclink, a.tclink:visited { color: #999; text-decoration: none; }
a.tclink:active, a.tclink:hover { Color: #FFF; text-decoration: underline; }*/

a.btn-primary, a.btn-primary:visited { color: white; }
a.btn-primary:active, a.btn-primary:hover { color: whitesmoke; }

a.newslinks, a.newslinks:visited { color: black;}
a.newslinks:active, a.newslinks:hover { color: black; text-decoration: underline; }

.breadcrumb a, .breadcrumb a:visited { color: grey; }
.breadcrumb a:active, .breadcrumb a:hover { color: grey; }

.breadcrumb li.active a, .breadcrumb li.active a:visited { color: grey; opacity: 0.8; font-weight: bold; }
.breadcrumb li.active a:active, .breadcrumb li.active a:hover { color: grey; opacity: 0.8; font-weight: bold; }

a.emaillink, a.emaillink:visited { color: black; opacity: 0.8; }
a.emaillink:active, a.emaillink:hover { color: black; text-decoration: underline; }

a.default, a.default:visited { color: black; opacity: 0.8; }
a.default:active, a.default:hover { color: grey; text-decoration: underline; }

a.sitemap, a.sitemap:visited { color: black;}
a.sitemap:active, a.sitemap:hover { color: black; text-decoration: underline; }


/* Styles for the Catalogue Download carousel on the homepage! */
#catCarousel .thumbnail {
    margin-bottom: 0;
}

#catCarousel .carousel-inner {
    left: -18px;
}

#catCarousel .carousel-control.left, #catCarousel .carousel-control.right {
    background-image:none !important;
}

        #catCarousel .carousel-control {
	        color:#fff;
	        top:40%;
	        color:#428BCA;
	        bottom:auto;
	        padding-top:4px;
	        width:30px;
	        height:30px;
	        text-shadow:none;
	        opacity:1;
        }
        #catCarousel .carousel-control:hover {
	        color: #d9534f;
        }
        #catCarousel .carousel-control.left, #catCarousel .carousel-control.right {
	        background-image:none !important;
        }
        #catCarousel .carousel-control.right {
	        left:auto;
	        right:-15px;
        }
        #catCarousel .carousel-control.left {
	        right:auto;
	        left:-15px;
        }

        #catCarousel .carousel-indicators {
	        bottom:-30px;
        }

        #catCarousel .carousel-indicators li {
	        border-radius:0;
	        width:10px;
	        height:10px;
	        background:#ccc;
	        border:1px solid #ccc;
        }
        #catCarousel .carousel-indicators .active {
	        width:12px;
	        height:12px;
	        background:#3276b1;
	        border-color:#3276b1;
        }
        
        
        .social { padding-left: 25px; float: right; }


        #stockistForm .inputGroupContainer .form-control-feedback,
        #stockistForm .selectContainer .form-control-feedback {
            top: 0px;
            right: -15px;
        }

    .bv-form .help-block {
        /*margin-top: -60px;*/
        margin-left: 15px;
        padding-bottom: 42px;
        color: red;
    }

    .bv-form .help-block {
        margin-left: 15px;
        /*padding-bottom: 42px;*/
        color: red;
    }

   .owl-item .thumbnail { margin: 10px; }

  
   .owl-theme .owl-controls .owl-nav .owl-prev {
    left: -25px;
    top: 40%;
    position: absolute;
    }

   .owl-theme .owl-controls .owl-nav .owl-next {
    right: -25px;
    top: 40%;
    position: absolute;
    }


   #owl-catalogue .owl-controls .owl-nav .owl-prev {
    left: -15px;
    top: 40%;
    position: absolute;
    }

   #owl-catalogue .owl-controls .owl-nav .owl-next {
    right: -15px;
    top: 40%;
    position: absolute;
    }

   #owl-product .owl-controls .owl-nav .owl-prev
   {
        left: -20px;
        top: 45%;
        position: absolute;
   }

   #owl-product .owl-controls .owl-nav .owl-next
   {
        right: -20px;
        top: 45%;
        position: absolute;
   }

            
   .footer a, a:visited {
    color: #999999;
}

   
   .footer a:active, a:hover {
        color: white;
    }


   .toolpoint { width: 150px; }


   .panel-info {
    border-color: #DDD;
}

    /* Colour the info panels with Black Background! */
    .panel-info > .panel-heading{ background-color: #000; color: white; background-image: url(images/background.jpg) }
    .panel-info > .panel-heading a, .panel-info .panel-heading a:visited { color: white; }


    div.desc{
    background-color: #000;
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size
    }

    div.desc .general-hand-tools {
        background-color: #006748;
    }

    .fix{
        width: 100%;
        padding: 0px;
    }

   
    .panel-default > .panel-heading
    {
        min-height: 60px;
        height: 60px;
    }

    
    /* Colour the Panels for categories/products based on the section of the catalogue!! */
      .panel-default > .panel-heading  > .general-hand-tools
      {
          background-color: #006748;
          color: white;
          border-radius: 2px;
      }

      .panel-default > .general-hand-tools
      {
          background-color: #006748;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary .general-hand-tools
      {
          background-color: #006748;
          color: white;
      }



      .panel-default > .halfords
      {
          background-color: #FF9900;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .panel-default > .customer
      {
          background-color: #6993FD;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary .general-hand-tools
      {
          background-color: #006748;
          color: white;
      }
     
      .panel-default > .general-hand-tools a, .panel-default > .general-hand-tools a:visited
      {
          color: white;
      }

      .panel-default > .general-hand-tools a:hover, .panel-default > .general-hand-tools a:active 
      {
          color: white;
          text-decoration: underline;
      }

      .panel-default > .panel-heading  > .laser-tools
      {
          background-color: #CCCCCC;
          color: white;
          border-radius: 2px;
      }

      .panel-default > .laser-tools
      {
          background-color: #CCCCCC;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary .laser-tools
      {
          background-color: #CCCCCC;
          color: white;
          padding: 5px 10px;
      }

      .panel-default > .cars
      {
          background-color: #0063a1;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary > .cars
      {
          background-color: #0063a1;
          color: white;
          padding: 5px 10px;
      }

      .panel-default > .cars a, .panel-default > .cars a:visited
      {
          color: white;
      }

      .panel-default > .cars a:hover, .panel-default > .cars a:active 
      {
          color: white;
          text-decoration: underline;
      }

      .panel-default > .engine-timing-tools
      {
          background-color: #c4151c;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary > .engine-timing-tools
      {
          background-color: #c4151c;
          color: white;
          padding: 5px 10px;
      }

      .panel-default > .engine-timing-tools a, .panel-default > .engine-timing-tools a:visited
      {
          color: white;
      }

      .panel-default > .engine-timing-tools a:hover, .panel-default > .engine-timing-tools a:active 
      {
          color: white;
          text-decoration: underline;
      }

      .panel-default > .specialist-bit-sets
      {
          background-color: #6d6e70;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary > .specialist-bit-sets
      {
          background-color: #6d6e70;
          color: white;
          padding: 5px 10px;
      }

      .panel-default > .specialist-bit-sets a, .panel-default > .specialist-bit-sets a:visited
      {
          color: white;
      }

      .panel-default > .specialist-bit-sets a:hover, .panel-default > .specialist-bit-sets a:active 
      {
          color: white;
          text-decoration: underline;
      }

      .panel-default > .motorcycle
      {
          background-color: #25247b;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary > .motorcycle
      {
          background-color: #25247b;
          color: white;
          padding: 5px 10px;
      }

      .panel-default > .motorcycle a, .panel-default > .motorcycle a:visited
      {
          color: white;
      }

      .panel-default > .motorcycle a:hover, .panel-default > .motorcycle a:active 
      {
          color: white;
          text-decoration: underline;
      }

      .panel-default > .workshop
      {
          background-color: #009eda;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary > .workshop
      {
          background-color: #009eda;
          color: white;
          padding: 5px 10px;
      }

      .panel-default > .workshop a, .panel-default > .workshop a:visited
      {
          color: white;
      }

      .panel-default > .workshop a:hover, .panel-default > .workshop a:active 
      {
          color: white;
          text-decoration: underline;
      }

      .panel-default > .commercial-vehicles
      {
          background-color: #000;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

       .bg-primary > .commercial-vehicles
      {
          background-color: #000;
          color: white;
          padding: 5px 10px;
      }

      .panel-default > .commercial-vehicles a, .panel-default > .commercial-vehicles a:visited
      {
          color: white;
      }

      .panel-default > .commercial-vehicles a:hover, .panel-default > .commercial-vehicles a:active 
      {
          color: white;
          text-decoration: underline;
      }

      .panel-default > .panel-heading  > .laser-tools
      {
          background-color: #0063A1;
          color: white;
          border-radius: 2px;
      }

      .panel-default > .laser-tools
      {
          background-color: #0063A1;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }


.panel-default > .hybrid-electric-vehicles {
    background-color: #0063a1;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
}

.bg-primary > .hybrid-electric-vehicles {
    background-color: #0063a1;
    color: white;
    padding: 5px 10px;
}

.panel-default > .hybrid-electric-vehicles a, .panel-default > .hybrid-electric-vehicles a:visited {
    color: white;
}

    .panel-default > .hybrid-electric-vehicles a:hover, .panel-default > .hybrid-electric-vehicles a:active {
        color: white;
        text-decoration: underline;
    }

.panel-default > .light-commercial-vehicles {
    background-color: #0063a1;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
}

.bg-primary > .light-commercial-vehicles {
    background-color: #0063a1;
    color: white;
    padding: 5px 10px;
}

.panel-default > .light-commercial-vehicles a, .panel-default > .light-commercial-vehicles a:visited {
    color: white;
}

    .panel-default > .light-commercial-vehicles a:hover, .panel-default > .light-commercial-vehicles a:active {
        color: white;
        text-decoration: underline;
    }

.panel-default > .laser-tools-racing {
    background-color: #0063a1;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
}

.bg-primary > .laser-tools-racing {
    background-color: #0063a1;
    color: white;
    padding: 5px 10px;
}

.panel-default > .laser-tools-racing a, .panel-default > .laser-tools-racing a:visited {
    color: white;
}

    .panel-default > .laser-tools-racing a:hover, .panel-default > .laser-tools-racing a:active {
        color: white;
        text-decoration: underline;
    }


      .bg-primary .laser-tools
      {
          background-color: #0063A1;
          color: white;
      }

      

      .panel-default > .panel-heading  > .kamasa
      {
          background-color: #006C67;
          color: white;
          border-radius: 2px;
      }

      .panel-default > .kamasa
      {
          background-color: #006C67;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary .kamasa
      {
          background-color: #0076BF;
          color: white;
      }

      .panel-default > .panel-heading  > .gunson
      {
          background-color: #0076BF;
          color: white;
          border-radius: 2px;
      }

      .panel-default > .gunson
      {
          background-color: #0076BF;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary .gunson
      {
          background-color: #0076BF;
          color: white;
      }
      
      .panel-default > .panel-heading  > .power-tec
      {
          background-color: #F78E1E;
          color: white;
          border-radius: 2px;
      }

      .panel-default > .power-tec
      {
          background-color: #F78E1E;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary .power-tec
      {
          background-color: #F78E1E;
          color: white;
      } 

      .panel-default > .panel-heading  > .connect
      {
          background-color: #BA8748;
          color: white;
          border-radius: 2px;
      }

      .panel-default > .connect
      {
          background-color: #BA8748;
          color: white;
          padding: 5px 10px;
          border-radius: 3px;
      }

      .bg-primary .connect
      {
          background-color: #BA8748;
          color: white;
      } 

          
      #owl-categories .item
      {
        width: 98%;
        height: 98%;
        margin: auto;
      }
      
      #owl-categories .item img
      {
          display: table-cell;
          width: auto;
          margin-left: auto;
          margin-right: auto;
          height: 150px;
      }

    
    #owl-video .item-video
    {
        height: 100%;
        width: 100%;
        height: 320px;
    }

    .addthis_sharing_toolbox {
        padding-top: 10px;
    }

    .item img {
        display: table-cell;
        margin-left: auto;
        margin-right: auto;
    }

    .search-box-collapsed  {
        padding-top: 8px;
        margin-right: 10px;
    }

    #owl-newproducts .item
    {
        width: 98%;
        height: 98%;
        margin: auto;
    }

    #owl-newproducts .item img {
        height: 150px;
        display: block;
        width: auto;
     }

    #owl-otheritems .item
    {
        width: 98%;
        height: 98%;
        margin: auto;
    }

    #owl-otheritems .item img {
        max-height: 85px;
        display: block;
        width: auto;
     }

    #owl-relateditems .item
    {
        width: 98%;
        height: 98%;
        margin: auto;
    }

    #owl-relateditems .item img {
        max-height: 85px;
        display: block;
        width: auto;
     }
    
    #owl-videos .item
    {
        height: 182px;
        width: 245px;
        margin-top: auto; 
        margin-bottom: auto;
        vertical-align: middle;
    }


    #owl-videos .item img {
        
        vertical-align: middle;
        max-height: 182px;
        max-height: 245px;
        
    }

    #owl-stockist .item img {
         display: table-cell;
         width: auto;
         margin-left: auto;
         margin-right: auto;
         height: 60px;
         max-height: 60px;
     }

    #owl-newproducts .image {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        height: 180px;
        max-height: 180px;
        width: 300px;
    }

    #owl-gallery .item{
	    margin: 4px;
    }

     #owl-gallery .item img {
        display: block;
        height: 250px;
        width: auto;
    }

      #owl-galleries .item{
	    margin: 4px;
    }

     #owl-galleries .item img {
        display: block;
        height: 120px;
        width: auto;
    }

    .nav2{margin-top:50px;}

    

    .clearme {
        clear: both;
    }

    h1.page-header{
        font-size: 28px;
    }

    h2 { font-size: 18px; font-weight: bold; }

    h3 { font-size: 14px;
         font-weight: bold;
    }

    h4 { font-size: 14px; font-weight: bold; }

    /*#timingtools{
        background-image: url(images/TIMING_TOOLS_GRAPHIC_DARKER.jpg);
        background-repeat: repeat-y;
        background-size: 100%;
        min-height: 220px;
        color: white;
        padding-top: 2px; padding-left: 5px;
    }*/

    

    .nav-tabs > li.active a.timingtools { border-color: black; border-bottom-width: 0; background-color: #C4151C; font-weight: bold;  color: white;  }
    .nav-tabs > li a.timingtools { border-color: black; background-color: #C4151C; color: white;  font-weight: bold;  }
    
    /*#gen2 {
        background-image: url(images/GEN2_TOOLS_GRAPHIC_DARKER.jpg);
        background-repeat: repeat-y;
        background-size: 100%;
        min-height: 220px;
        color: white;
        padding-top: 2px; padding-left: 5px;
    }*/


    .tab-content #timingtools{
            background-color: #C4151C;
            color: white;
            padding-top: 2px; padding-left: 5px;
            margin-top: 0;
            padding-bottom: 10px;
            background-size: cover;
            background-position: bottom right;
            background-repeat: no-repeat;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
            background-image: url(images/TimingTools_Background_V3.png);

        }

        .tab-content #gen2 {
            background-color: #0063A1;
            color: white;
            min-height: 220px;
            padding-top: 2px; padding-left: 5px;
            margin-top: 0;
            background-image: url(images/GEN2_Background_V4.jpg);
            background-size: cover;
            background-position: bottom right;
            background-repeat: no-repeat;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
        }
    
        .tab-content #oem {
            background-color: #4496d1;
            color: white;
            min-height: 330px;
            padding-top: 2px; padding-left: 5px;
            margin-top: 0;
            background-image: url(images/OEM_Background_Web.jpg);
            background-size: cover;
            background-position: bottom right;
            background-repeat: no-repeat;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
        }

    
    .nav-tabs > li.active a.gen2 { border-color: black; border-bottom-width: 0px; background-color: #0063A1; color: white; font-weight: bold;  }
    .nav-tabs > li a.gen2 { border-color: black; background-color: #0063A1; color: white;  font-weight: bold;  }

    .nav-tabs > li.active a.oem { border-color: black; border-bottom-width: 0px; background-color: #4496d1; color: white; font-weight: bold;  }
    .nav-tabs > li a.oem { border-color: black; background-color: #4496d1; color: white;  font-weight: bold;  }


    /* Product Tabs */

    .nav-tabs > li a:hover.ProductDescription, .nav-tabs > li.active a.ProductDescription { border-color: #ddd; border-bottom-width: 0px; background-color: #fff; }
    .nav-tabs > li a.ProductDescription { border-color: #ddd; border-bottom-width: 0px; background-color: #eee; }
    
    .nav-tabs > li a:hover.SetContents, .nav-tabs > li.active a.SetContents { border-color: #ddd; border-bottom-width: 0px; background-color: #fff; }
    .nav-tabs > li a.SetContents { border-color: #ddd; border-bottom-width: 0px; background-color: #eee; }

    .nav-tabs > li a:hover.Application, .nav-tabs > li.active a.Application { border-color: #ddd; border-bottom-width: 0px; background-color: #fff; }
    .nav-tabs > li a.Application { border-color: #ddd; border-bottom-width: 0px; background-color: #eee; }

    .nav-tabs > li a:hover.UsefulDownloads, .nav-tabs > li.active a.UsefulDownloads { border-color: #ddd; border-bottom-width: 0px; background-color: #fff; }
    .nav-tabs > li a.UsefulDownloads { border-color: #ddd; border-bottom-width: 0px; background-color: #eee; }

    .nav-tabs > li a:hover.SparesAccessories, .nav-tabs > li.active a.SparesAccessories { border-color: #ddd; border-bottom-width: 0px; background-color: #fff; }
    .nav-tabs > li a.SparesAccessories { border-color: #ddd; border-bottom-width: 0px; background-color: #eee; }

    #tabs1 .tab-content { background-color: #FFF; padding-bottom: 10px; }
    
    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #0063A1;
        background-color: #FFF;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #4496D1;
    }

    .nav > li > a:visited, .nav > li > a {
        text-decoration: none;
        background-color: #0063A1;
        color: white;
    }


    .nav-pills > .Application { background-color: #0063A1; Color: white; }
    .nav-pills > .Application a, .nav-pills > .Application a:visited { color: white; }
    
    .nav-pills > .ProductDescription { background-color: #0063A1; Color: white; }
    .nav-pills > .ProductDescription a, .nav-pills > .Application a:visited { color: white; }

    .nav-pills > .SetContents { background-color: #0063A1; Color: white; }
    .nav-pills > .SetContents a, .nav-pills > .Application a:visited { color: white; }

    .nav-pills > .UsefulDownloads { background-color: #0063A1; Color: white; }
    .nav-pills > .UsefulDownloads a, .nav-pills > .Application a:visited { color: white; }

    .nav-pills > .SparesAccessories { background-color: #0063A1; Color: white; }
    .nav-pills > .SparesAccessories a, .nav-pills > .Application a:visited { color: white; }

    #UsefulDownloads { min-height: 300px; }

    .icons { padding-right: 10px; }


    /* force menu to be wider to fit text */
    .dropdown-menu { min-width: 270px; }
    /* for longer items we'll double width it, and make it 2 columns */
    .double-width { min-width: 480px; }

    .double-width a, .double-width a:visited {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        white-space: nowrap;
        color: #262626;
    }

    .double-width a:active, .double-width a:hover{
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        white-space: nowrap;
        text-decoration: none;
        color: #262626;
    }

    .dropdown-menu a, .dropdown-menu a:visited {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        white-space: nowrap;
        color: #262626;
    }

    .dropdown-menu a:active, .dropdown-menu a:hover{
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        white-space: nowrap;
        text-decoration: none;
        color: #262626;
    }

    a, a:visited {
        color: #0063A1;
        text-decoration: none;
    }

    a:active, a:hover {
        color: #0063A1;
        text-decoration: underline;
    }

    a.footer, a.footer:active {
        color: #999999;
    }

    a.footer:hover, a.footer:active {
        color: white;
    }

    

   .navbar a.facebook-link, a.facebook-link:visited {
        color: white;
    }

   .navbar a.youtube-link, a.youtube-link:visited {
        color: white;
    }

    .navbar a.twitter-link, a.twitter-link:visited {
        color: white;
    }

    /* HOPING THIS FIXES IT!!
    .navbar a.logo-link, a.logo-link:visited { color: white; text-decoration: none; }
    .navbar a.logo-link:active, a.logo-link:hover { color: white; text-decoration: none; }
        */

   /* Style the links in the Nav bar so they roll over. */
   .dropdown-menu a.dropdown-toggle, a.dropdown-toggle:visited { color: #262626; }
   .dropdown-menu a.dropdown-toggle:active, a.dropdown-toggle:hover { color: black; text-decoration: none; background-color: #f5f5f5; }



    .event-header {
        height: 90px;
        z-index: 10000;
        top: -103px;
        padding: 5px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
        width: 520px;
        position: absolute;
        left: 50%;
        margin: 0 0 0 -260px;
    }

     .event-horizontal {
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
        margin-top: 10px;
        background-image: url(images/Cheq_Flag_Grad.jpg);
        color: white;
        font-size: larger;
    }
    
  .vcentre {
      display: inline-block;
      vertical-align: middle;
      float: none;
  }
  

  #small-dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 400px;
	margin: 40px auto;
	position: relative;
}

  @media all {
	.page-break	{ display: none; }
}


@media print {
    body{
        margin-top: -170px;
    }

    .page-break	{ display: block; page-break-before: always; }
}

.bg-default {
    color: #fff;
    background-color: #f5f5f5;
}

.fixed {
    background-image: -webkit-linear-gradient(top, #0063A1, #4496D1);
        background-image: -moz-linear-gradient(top, #0063A1, #4496D1);
        background-image: -ms-linear-gradient(top, #0063A1, #4496D1);
        background-image: -o-linear-gradient(top, #0063A1, #4496D1);
        background-image: linear-gradient(to bottom, #0063A1, #4496D1);
}

.sitebackground {
    background-color: #F0F0F0;
    margin-top: -10px;
    margin-bottom: -20px;
}

.breadcrumb { background-color: #FFFFFF; }

.POSTCODE { text-transform: uppercase; }

.background1 {
    background-image: url(images/6031_Insitu_2.jpg);
}

.background2 {
    background-image: url(images/6066_Insitu.jpg);
}

.background3 {
    background-image: url(images/6277_InSitu_2.jpg);
}

.background4 {
    background-image: url(images/6421_Insitu.jpg);
}

.background5 {
    background-image: url(images/6185_Insitu1.jpg);
}

.background6 {
    background-image: url(images/6208_InSitu_3.jpg);
}

.background7 {
    background-image: url(images/4048_Insitu_9.jpg);
}

.thumbnail .caption {
    height: 60px;
}


/* Links */
    .laser-tools a, .laser-tools.a:visited {
          color: white;
          text-decoration: none;
      }

      .laser-tools a:active, .laser-tools.a:hover {
          color: white;
          text-decoration: underline;
      }

      .kamasa a, .kamasa.a:visited {
          color: white;
          text-decoration: none;
      }

      .kamasa a:active, .kamasa.a:hover {
          color: white;
          text-decoration: underline;
      }

       .gunson a, .gunson.a:visited {
          color: white;
          text-decoration: none;
      }

      .gunson a:active, .gunson.a:hover {
          color: white;
          text-decoration: underline;
      }

       .power-tec a, .power-tec.a:visited {
          color: white;
          text-decoration: none;
      }

      .power-tec a:active, .power-tec.a:hover {
          color: white;
          text-decoration: underline;
      }

      .connect a, .connect.a:visited {
          color: white;
          text-decoration: none;
      }

      .connect a:active, .connect.a:hover {
          color: white;
          text-decoration: underline;
      }

.sortable { padding-bottom: 10px;}
.glyphlarge { font-size: xx-large; }
h2.newstitle { height: 75px; }
h2.newstitlesmall {
    height: 75px;
    font-size: 16px;
}
.newsbody { height: 120px; }

.sponsorship-news { height: 180px; }
.sponsorship-news .spons-news-header { height: 25px; }
.sponsorship-news .spons-news-body { height: 70px; }
.sponsorship-news .spons-news-date { height: 10px; vertical-align: bottom; text-align: right; }

.tweet { height: 105px; }

.onlinestock { height: 98%; width: 98%; margin: auto;}
.onlinestockist { max-height: 100px; width: auto; display: block; }

.VRN { 
    background-image: url(images/number-input-bg.jpg);
    background-repeat: no-repeat;
    background-color: yellow;
    padding: 0 0 0 30px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: x-large;
}

.TOOLPOINT {
    z-index: 0;
}

 .toolpointheader{
    background-color: #C4151C;
    color: white;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(images/TimingTools_Background_V3.png);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;

 }
 
 h2.trim { padding-top: 0px;
           font-size: 22px;
 }

 .buttons {
     padding-top: 25px;
 }

 .enginecodetext { border-left: solid 1px white;}

 .category-title { font-size: 14px; font-weight: bold; }
 .product-title { font-size: 14px; font-weight: bold; }


.tooltip-header {
    background-color: #0063a1;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
}

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}

    .youtube img {
        width: 100%;
        top: -16.84%;
        left: 0;
        opacity: 0.7;
    }

    .youtube .play-button {
        width: 90px;
        height: 60px;
        background-color: #333;
        box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
        z-index: 1;
        opacity: 0.8;
        border-radius: 6px;
    }

        .youtube .play-button:before {
            content: "";
            border-style: solid;
            border-width: 15px 0 15px 26.0px;
            border-color: transparent transparent transparent #fff;
        }

    .youtube img,
    .youtube .play-button {
        cursor: pointer;
    }

        .youtube img,
        .youtube iframe,
        .youtube .play-button,
        .youtube .play-button:before {
            position: absolute;
        }

            .youtube .play-button,
            .youtube .play-button:before {
                top: 50%;
                left: 50%;
                transform: translate3d( -50%, -50%, 0 );
            }

    .youtube iframe {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }