/*
Theme Name: Viewtech
Description: Viewtech Custom
Date: 20 Sept 2018
Author: Meta Digital
Author URI: http://metadigital.co.nz/

___        ___      ___        ___
/\__\      /\  \    /\  \      /\  \
/::|  |    /::\  \   \:\  \    /::\  \
/:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \
/:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _
/:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
\/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
 /:/  /\:\ \:\__\/:/  /        \::/  /
/:/  /  \:\ \/__/\/__/         /:/  /
/:/  /    \:\__\               /:/  /
\/__/      \/__/               \/__/

*/


body{background-color:#f5f5f2; font-family: 'Ubuntu', Arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif; color: #08a5cc; font-weight:500;}

/* General styles
-------------------------------------------------- */
.container{width:1170px; max-width:1170px;}

a{color:#08a5cc;}
a:link{color:#08a5cc;}
a:visited{color:#08a5cc;}
a:hover{color:#38c7ea;}
a:active{color:#08a5cc;}

.clear{clear:both;}


/* Header
-------------------------------------------------- */
.header-wrapper{background-color:#292929;}
.header-wrapper .container{padding-left:0px;}

header[role="banner"] {margin: 0px -15px 5px -15px;}

.clearfix .free-phone{margin:10px 0px 10px 0px;}
.free-phone p{margin:0px 0px 0px 10px; font-size:12px; color:#ffffff;}
.free-phone h4{margin:0px 0px 0px 10px; color:#ffffff; font-family: 'Ubuntu', Arial, sans-serif; font-weight:100;}
.header-wrapper .free-phone { Xwidth:250px; float:left;}

header a:link{color:#ffffff;}
header a:visited{color:#ffffff;}
header a:hover{color:#08a5cc;}
header a:active{color:#08a5cc;}

header .form-search { float:left; width: 100%;}
header .form-search input{border-radius:0px; border-color:#353434!important; border-right:0px; background-color:#3f3f3f; color:#7f7f7f;}
header .form-search button{border-radius:0px; background-color:#08a5cc; border:none; color:#ffffff;}
header .form-search button:hover{border-radius:0px; background-color:#08a5cc; border:none; color:#ffffff;}
header .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {margin-left: 0px;}

.cartdrop {position: relative; top: 0px; float: left; width: 100%; height: 32px; padding: 5px 0px 0px 45px;}

.quick-access .links {margin-right:-25px; padding-top:11px; Xbackground:green; width:340px; text-align:right;}
.quick-access .links a {font-size:10px;}
.quick-access .links li {padding-bottom:2px; padding-left:1px; padding-right:5px; border-right:1px solid #606060;}
.quick-access .links li.last {border-right:0px solid #606060;}

.welcome-msg { display:none; }

.headerleftholder {padding-right:0px;}
.headerrightholder {padding-right:0px;}

.headertopcontainer {padding-right:0px;}

.logo { padding:0px; margin-top:45px; margin-bottom:20px;}
.logo img { width:100%; }

.headertoplinks {margin-top:14px; margin-bottom:10px;}
.headertoplinks li a {font-size:12px; margin-left:5px;}


/* Main Menu
-------------------------------------------------- */
.menu-wrapper{background-color:#353434; border-top:1px solid #3f3e3e; height:51px; }
.menu-wrapper .container{padding-left:0px;}

.navbar {
    margin-bottom: 0px;
    border: none;
    border-radius:0px;
    background-color:#353434;
}

.navbar .first {border:none;}
.navbar .first a .fa-home{font-size:20px;}

.navbar ul li a:link{color:#ffffff; border-top:3px solid #353434; border-left:1px solid #3f3e3e; border-right:1px solid #3f3e3e; padding:12px 12px 13px 12px;}
.navbar ul li a:visited{color:#ffffff; border-top:3px solid #353434; border-left:1px solid #3f3e3e; border-right:1px solid #3f3e3e; padding:12px 12px 13px 12px;}
.navbar ul li a:hover{color:#38c7ea!important; border-top:3px solid #08a5cc; border-left:1px solid #3f3e3e; border-right:1px solid #3f3e3e; padding:12px 12px 13px 12px;}
.navbar ul li a:active{color:#08a5cc!important; border-top:3px solid #08a5cc; border-left:1px solid #3f3e3e; border-right:1px solid #3f3e3e; padding:12px 12px 13px 12px;}
.navbar ul li a:focus{color:#08a5cc!important; border-top:3px solid #08a5cc; border-left:1px solid #3f3e3e; border-right:1px solid #3f3e3e; padding:12px 12px 13px 12px;}
.navbar ul li.open {border-top:3px solid #08a5cc;}
.navbar ul li.open > a{color:#08a5cc!important; background-color:#353434!important; border-left:1px solid #3f3e3e!important; border-right:1px solid #3f3e3e!important;}
.navbar ul li.open a{color:#08a5cc!important; border:none;}

.navbar ul li > a.level-top{text-transform:uppercase;}

nav ul li:hover > ul {
        display: block;
}

.navbar li.level1 a { width:359px; display:block; padding:1px 1px 1px 10px!important; }

.navbar-nav > li:last-of-type {Xfloat:right; Xmargin-left:130px; right:0; top:0; position:absolute;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .navbar-nav li:last-of-type {float:right; margin-left:90px;}
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1500;
    display: none;
    float: left;
    min-width: 160px;
    width:720px;
    padding: 0px;
    margin: 0px;
    list-style: none outside none;
    font-size: 14px;
    background-color: #353434;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    background-clip: padding-box;
}

.dropdown-menu-3{left:-490px;}

.dropdown-menu li{color:#ffffff;}

.section-heading{background-color:#232121; text-transform:uppercase; padding:20px 30px 20px 20px; display:table; width:100%;}
.dropdown-menu .col-md-6 li{border-bottom:1px solid #3d3c3c; line-height:60px;}
.dropdown-menu .col-md-6 li img{padding-right:10px;}
.dropdown-menu .col-md-6 li:last-child{border-bottom:none;}
.dropdown-menu .col-md-6 li a:link{color:#d6d6d6!important;}
.dropdown-menu .col-md-6 li a:visited{color:#d6d6d6!important;}
.dropdown-menu .col-md-6 li a:hover{color:#38c7ea!important;}
.dropdown-menu .col-md-6 li a:active{color:#d6d6d6!important;}
.dropdown-menu .col-md-6 {
	position:relative;
	min-height:1px;
	padding-left:0px;
	padding-right:0px
}


/* Breadcrumb
-------------------------------------------------- */
.breadcrumb-wrapper{padding:15px 0px 15px 15px;}

.breadcrumb {
    padding: 0;
    margin-bottom: 0px;
    list-style: none outside none;
    background-color: #ffffff;
    border-radius: 0px;
    font-size:12px;
}

.breadcrumb>li+li:before{
    content:"\0003E";
    color:#353434
}

.breadcrumb>.active{
    color:#353434;
}

.breadcrumb strong{
    color:#353434
}

/* Home */

div[role="main"] {padding-left:0px!important; padding-right: 0px!important; margin-bottom: 0px;}
.home-main-content-area h2 {font-size:28px; padding-bottom:10px;}

/* Home - Slideshow
-------------------------------------------------- */
.home-slideshow-wrapper{border:1px solid #e6e6e6; display:table; background-color:#ffffff; margin-top:25px; padding:15px 0px 0px 15px;}

.home-slideshow{display:table; margin-bottom:15px; width:100%;}

.home-page-slide-show-left{padding:0px;}
.carousel-inner{border:1px solid #e6e6e6; min-height:364px; background-color:#f5f5f2;}
.carousel-inner .col-md-6{padding-left:0px;}
.carousel-inner h3{text-transform:uppercase;}
.carousel-inner h4{color:#05768f;}

.slideshow-right{
    background-image:url('/skin/frontend/boilerplate/default/images/media/slideshow-right-side-bg-image.jpg');
    min-height:364px;
    color:#ffffff;
    text-align:center;
    padding:8px 8px 12px 8px;
}

.carousel-indicators li {
    background:#353434;
    border:1px solid #353434;
}
.carousel-indicators li.active {
    background:#08a5cc;
    border:1px solid #08a5cc;
}

.carousel .contentholder {
    position:absolute;
    top:10px;
    left:370px;
    z-index:50;
    width:290px;
}

.learn-more-wrapper{margin-top:50px;}
.slideshow-right .learn-more-wrapper a{background-color:#067790;}
.slideshow-right-content-wrapper{border:1px solid #ffffff; padding:20px 8px 38px 8px;}
.slideshow-right h3{text-transform:uppercase;}
.home-page-slide-show-left .learn-more-wrapper a{background-color:#04aad3;}
.learn-more-wrapper a:link{color:#ffffff; padding:5px 15px 5px 15px; border-radius:5px;}
.learn-more-wrapper a:visited{color:#ffffff;}
.learn-more-wrapper a:hover{color:#ffffff; text-decoration:none;}
.learn-more-wrapper a:active{color:#ffffff;}

/* Interakting Slider */

#div-interaktingslider { height:auto!important; }
#div-interaktingslider #frame { border:0px solid red; width:100%; padding:0px!important; height:auto!important; }
#div-interaktingslider #middle-center { border:0px solid #fff; margin:0px; width:100%; height:auto!important; position: relative!important;}
#div-interaktingslider #slide-content { margin:0px; width:100%;  min-height:450px!important; position:relative!important;}
#div-interaktingslider #slide-content .slide { margin:0px; width:100%;padding:0;}
#div-interaktingslider #slide-content .slide p img { margin:0px; min-width:100%; min-height:450px;}

#div-interaktingslider #slide-commands {position: absolute; bottom:0; z-index:50; margin:0; width:98%; background:transparent; border:0px; }

#div-interaktingslider #slide-commands #prev,
#div-interaktingslider #slide-commands #next { display:none; }

#div-interaktingslider #slide-commands a {
    background:#ffffff;
    border:1px solid #cccccc;
    border-radius:10px;
    text-indent:-9999px;
    height:10px;
    width:10px;
    color:transparent;
}
#div-interaktingslider #slide-commands a:hover {
    background:#08a5cc;
    border:1px solid #08a5cc;
    border-radius:10px;
    text-indent:-9999px;
    height:10px;
    width:10px;
    color:transparent;
}
#div-interaktingslider #slide-commands a.active {
    background:#08a5cc;
    border:1px solid #08a5cc;
    border-radius:10px;
    text-indent:-9999px;
    height:10px;
    width:10px;
    color:transparent;
}

#div-interaktingslider #slide-content .slide p img {}
#div-interaktingslider #slide-content .slidercontentwrapper { position:absolute; top:0px; left:0px; z-index:30; background:transparent; width:100%; height:100%;}
#div-interaktingslider #slide-content .slidercontentinner {width:50%; height:auto; display:block; top:15%; left:10%; padding:10px; border-radius:10px; background-color:rgba(255,255,255,0.8);}
#div-interaktingslider #slide-content .slidercontentinner.rightside {width:50%; height:auto; display:block; top:15%; left:40%; padding:10px; border-radius:10px; background-color:rgba(255,255,255,0.8);}

#div-interaktingslider #slide-content .slidercontentwrapperleft {width:40%; display:inline-block; border-radius:10px; position:relative; background:transparent;}
#div-interaktingslider #slide-content .slidercontentwrapperleft img {width:100%;}

#div-interaktingslider #slide-content .slidercontentwrapperright {width:60%; display:inline-block; border-radius:10px; position:relative; background:transparent;}

#div-interaktingslider #slide-content h3 {color:#000000; font-family: 'Oswald', sans-serif; font-size:28px; margin-bottom:10px; }
#div-interaktingslider #slide-content h3 span {color:#08a5cc;}
#div-interaktingslider #slide-content p { font-size:14px; line-height:21px; margin-bottom:10px;}

#div-interaktingslider #slide-content a img {height:auto; display:block; color:#fff; padding:10px 0px; Xwidth:150px; text-align:center; border-radius:4px; font-size:14px; }

.beneath-homepage-slideshow { clear:both; background:#ffffff; padding-top:20px;}


/* Popular Products Slider */

.nole_silder nav { display:none; }
.nole_silder #mi-slider-1 li { Xwidth:220px!important; Xheight:220px!important; Xborder:1px solid red; width:22%; margin-right:10px; height:250px; }
.nole_silder #mi-slider-1 li h4 { height:30px; }

.nole_silder a.le_back_but{
    left: 0;
    position: absolute;
    top: 80px;
    z-index: 100;
    cursor: pointer;
}

.nole_silder a.le_next_but{
    right: 0;
    position: absolute;
    top: 80px;
    z-index: 100;
    cursor: pointer;
}
.le_back_but img{
    width: 15px;
}
.le_next_but img{
    width: 15px;
}

div.le-slide-img {
    height: 45px;
    overflow: hidden;
    margin-top: 10px;
}


/* Home - Beneath slideshow area
-------------------------------------------------- */
.beneath-homepage-slideshow .left{padding-left:0px; padding-right:15px;}
.beneath-homepage-slideshow .left a {float:right;}

.beneath-homepage-slideshow .right{padding-right:0px; padding-left:15px;}
.beneath-homepage-slideshow .right a {float:left;}


/* Home - Content area
-------------------------------------------------- */
.home-content-wrapper{padding:20px 0px 30px 0px; display:table;}
.home-content-wrapper h2{margin:30px 0px 15px 0px; color:#08a5cc; font-size:32px;}
.home-content-wrapper p{margin-bottom:20px;}
.read-more-link:link{ color:#FFF; Xbackground-color:#08a5cc; border:none; padding:5px 20px 5px 0px; Xborder-radius:3px;}
.read-more-link:visited{ color:#FFF; Xbackground-color:#08a5cc; border:none; padding:5px 20px 5px 0px; Xborder-radius:3px;}
.read-more-link:hover{ color:#FFF; Xbackground-color:#38c7ea; border:none; padding:5px 20px 5px 0px; Xborder-radius:3px; text-decoration:none;}
.read-more-link:active{ color:#FFF; Xbackground-color:#08a5cc; border:none; padding:5px 20px 5px 0px; Xborder-radius:3px;}

.homepagecontent {background:#f5f5f2; margin-top:30px;margin-bottom:30px;}


/* Home - Browse by areas
-------------------------------------------------- */
.browse-by-industry-wrapper{background-color:#ffffff; display:table; width:100%;}

.browse-by-industry{display:table; width:100%;}
/* .browse-by-industry .col-md-2{background-color:#fafafa; border:1px solid #e6e6e6; margin-right:15px; padding:15px 15px 15px 15px; text-align:center; width:15.2%;}
.browse-by-industry .col-md-2:last-child{margin-right:0px;}
.browse-by-industry .col-md-2 a:link{color:#08a5cc; display:block}
.browse-by-industry .col-md-2 a:visited{color:#08a5cc;}
.browse-by-industry .col-md-2 a:hover{color:#38c7ea;}
.browse-by-industry .col-md-2 a:active{color:#08a5cc;} */
.browse-by-industry h2{margin:30px 0px 30px 15px; font-size:30px; color:#08a5cc; text-align:center;}
.browse-by-image{width:100%!important; margin-bottom:15px;}

.browse-by-industry .logowrapper {clear:both; text-align:center;}
.browse-by-industry .logowrapper img {width:13%;}

.browse-by-industry-wrapper h3 {margin:30px 0px 20px 0px; font-weight:normal; text-transform:uppercase; color:#057692; font-size:18px;}
.browse-by-industry-wrapper li { list-style-type: none; margin-left:0px; Xborder:1px solid red; width:25%; float:left; padding-bottom:15px; text-align:left; display:block;}
.browse-by-industry-wrapper li a span {clear:both;}
.browse-by-industry-wrapper li a { font-size:13px; }
.browse-by-industry-wrapper li img { width:100%; }

.browse-by-industry-wrapper .browsebyitem.col-md-2 {min-height:220px;}
.browse-by-industry-wrapper .browsebyitem.col-md-2 span {border:1px solid #ededed; display:block; padding:27px; min-height:190px; margin-bottom:25px; background:#fafafa;}
.browse-by-industry-wrapper .browsebyitem.col-md-2 span:hover {border:1px solid #38c7ea;}
.browse-by-industry-wrapper .col-md-2 img {width:100%; max-width:190px; max-height:110px; text-align:center;}
.browse-by-industry-wrapper .col-md-2 a {text-align:center; text-transform:uppercase;}

.browse-by-industry-wrapper .browsebyitem.col-md-3 span {border:1px solid #ededed; display:block; padding:27px; min-height:210px; margin-bottom:25px; background:#fafafa;}
.browse-by-industry-wrapper .browsebyitem.col-md-3 span:hover {border:1px solid #38c7ea;}
.browse-by-industry-wrapper .col-md-3 img {width:100%; max-width:190px; max-height:110px; text-align:center;}
.browse-by-industry-wrapper .col-md-3 a {text-align:center; text-transform:uppercase;}


/* Home - Most Popular Products
-------------------------------------------------- */

.homepagepopularcontent {background:#fafafa;}
.homepagepopularcontent .tool-bar-wrapper {background:#ffffff;}

.most-popular-products-wrapper{display:table; width:100%; padding:0px 15px 30px 15px; margin-top:20px;}
.most-popular-products-wrapper h2:first-child{margin:30px 0px 30px 0px; Xtext-transform:uppercase; font-size:30px; text-align:center; color:#08a5cc;}

.products-grid .item {
    position: relative;
    float: left;
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 380px;
    padding-bottom: 40px;
    margin-bottom:30px;
}
.products-grid .itemp {
    position: relative;
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 470px;
    padding-bottom: 40px;
    margin-bottom:30px;
}
.products-grid .itemc {
    position: relative;
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 470px;
    padding-bottom: 40px;
    margin-bottom:30px;
}
.product-name a:link {color:#08a5cc; text-decoration: none; font-size:16px;}
.product-name a:visited {color:#08a5cc; text-decoration: none; font-size:16px;}
.product-name a:hover {color:#38c7ea; text-decoration: none; font-size:16px;}
.product-name a:active {color:#08a5cc; text-decoration: none; font-size:16px;}

.products-grid .product-name {min-height:25px; Xheight:50px; Xoverflow: hidden; margin-bottom:2px;}
.products-grid .description { padding-top:2px; font-size:12px; height:68px; Xbackground:Red; overflow:hidden; }
.products-grid .actions { clear:both; width:90%; min-height:75px; }

.regular-price .price { font-weight:400; color:#000000; font-size:16px;}
.regular-price .label {font-weight:200; font-size:11px; color:#000000;}
.special-price .price {font-weight:400; color:#000000; font-size:16px;}
.special-price .price-label {font-weight:200; font-size:13px; color:#000000;}
.products-grid .old-price  { font-weight:400; font-size:12px;}

.price-box { width:100%; margin-bottom:5px; height:40px;}

.minimal-price-link { font-size:11px; color:#888888!important; }


.btn-cart { color:#FFF; background-color:#08a5cc; border:1px solid #08a5cc; padding:6px 70px 6px 70px; margin-bottom:10px; }
.btn-cart.active, .btn-cart:active, .btn-cart:focus, .btn-cart:hover, .open .dropdown-toggle.btn-cart {color:#FFF; background-color:#38c7ea; border:1px solid #38c7ea;}

.itemc .btn-cart { color:#FFF; background-color:#08a5cc; border:1px solid #08a5cc; padding:6px 45px 6px 45px; margin-bottom:10px; }
.itemc .enquirebutton a { border-radius: 4px; color:#FFF; background-color:#08a5cc; border:1px solid #08a5cc; padding:7px 59px 8px 59px; font-weight:300;}

.old-price .price {
    text-decoration: none;
}


/* Product Category
-------------------------------------------------- */
.block {
    border: 1px solid #e6e6e6;
    border-radius: 0px;
    box-shadow: none;
}

.block .block-title {
    Xborder-bottom: none;
    margin:0px 10px;
    background-color: #ffffff;
    text-transform:uppercase;
}
.block .block-title span { margin-left:-10px; }

.block .block-title .category-name{color:#08a5cc; text-transform:uppercase; font-size:18px;}

.block-account {margin-top:25px;}
.block-account .block-title { color:#000; border-bottom:1px solid #efefef;}

.block-cart .actions{background-color:#ffffff; border:none;}
.block-cart .actions .button{width:100%; color:#FFF; background-color:#08a5cc; border:none; padding:5px 20px 5px 20px;}
.block-cart .actions .button:hover{width:100%; color:#FFF; background-color:#38c7ea; border:none; padding:5px 20px 5px 20px;}
.contacts-index-index .block-cart {margin-top:25px;}

.block-banner{display:none;}

.category-wrapper{background-color:#ffffff; border:1px solid #e6e6e6; padding:0px 15px 0px 15px;}
.category-wrapper table td blockquote  { border-left:0px solid #fff!important; Xwidth:200px;}
.category-wrapper table td li  { Xborder:1px solid red; width:290px; padding-bottom:10px; }
.category-wrapper table td li img  { padding-right:5px; }

.category-wrapper .page-title {padding-bottom: 10px; margin: 0px 0px 0px; border-bottom: none;}

.tool-bar-wrapper{background:#fafafa; display:table; width:100%; padding:5px 0px 12px 0px; margin-bottom:20px; border:1px solid #e6e6e6;}
.tool-bar-wrapper label{font-weight:400!important;}

.limiter.col-md-3 label{float:left; padding:5px 5px 0px 0px;}
.limiter.col-md-3 select{float:left; width:60%; padding-left:5px;}

.sort-by.col-md-3 label{float:left; padding:5px 5px 0px 0px;}
.sort-by.col-md-3 select{float:left; width:60%; padding-left:5px;}

.pagerbox.col-md-12 { }
.pagerbox.col-md-12 li { display:inline; padding-right:10px;}
.pagerbox.col-md-12 strong { float:left; padding-right:10px;}


#narrow-by-list2 a:link{ }
#narrow-by-list2 a:visited{ }
#narrow-by-list2 a:hover{color:#38c7ea; text-decoration:none;}
#narrow-by-list2 a:active{color:#38c7ea; text-decoration:none;}

#narrow-by-list a,
#narrow-by-list2 a {font-weight:200;}
#narrow-by-list li,
#narrow-by-list2 li {padding-bottom:7px;}


.block-left-nav .block-title { display:none; }
.block-left-nav { padding:10px 10px 10px 0px; }
.block-left-nav li a { font-weight:400; font-size:16px; }
.block-left-nav li li a { font-weight:200; font-size:14px;}

.main-element a { Xcolor:#000; }

#parent {
  background:none;
  float: left;
  height: 21px;
  width: 0px; background:Red;
}
#outer_ul {
  padding-left:0px;
  width: auto;
}
#outer_ul li {
  margin: 0 0 0 3px;
  padding: 0 0 0 10px;
  line-height: 25px;
  background: none;
  border-bottom: 1px solid #f8f8f8;
}

/* Trade Quicklists */

.category-products.trade ul {
    padding-left:0px!important;
}
.category-products.trade li.item {
    list-style-type:none; position:relative;
    border-bottom:1px dotted #ccc;
    min-height:40px;
    padding:5px 0px 0px 0px;
    width:700px; Xbackground:orange;
}
.category-products.trade li.item:hover {
    background:#ccc;
}
.category-products.trade li.item .product-shop {
    margin-left:40px; float:left; Xbackground:red;
    width:700px;
}
.category-products.trade li.item .product-shop form {
    width:200px; Xbackground:green; padding-top:0px; Xclear:left; display:block; float:right; margin-top:-8px;
}
.category-products.trade li.item .product-shop form #qty {
    width:30px;
    Xheight:22px;
    font-size:12px;
    margin-right:5px;  Xpadding-top:10px;
}
.category-products.trade li.item .product-shop form label {
    font-weight:normal;
}
.category-products.trade li.item .product-shop form button {
    padding:1px 5px; margin-top:8px;
}
.Xcategory-products.trade li.item .product-shop form button span span {
    margin-top:-10px; Xborder:1px solid red;
}
.category-products.trade li.item .product-shop .price {
}
.category-products.trade li.item img {
    width:30px;
    height:30px; z-index:60; position:absolute;
}
.category-products.trade li.item img:hover {
    width:150px;
    height:150px; z-index:70; position:absolute;
}

.category-products.trade li.item .product-name { float:left; min-height:23px; min-width:380px; Xbackground:blue;}
.category-products.trade li.item .product-name a { font-size:13px; }

.category-products.trade li.item .price-box {float:left; min-height:23px; Xbackground:purple; width:120px;}


.category-products.trade .add-to-links {
    float:left; display:block;
}



.productnote {display:block; position:absolute; right:20px; top:5px; padding:3px 6px; border-radius:5px; color:#ffffff; font-family: 'Ubuntu', Arial, sans-serif; font-size:14px;}

.productnote.clearance {background:red;}
.productnote.isnew {background:green;}
.productnote.onsale {background:orange;}



/* Product List / Grid
-------------------------------------------------- */
.availability.in-stock span {color: #08a5cc;}
#narrow-by-list2 dt { display:none; }
#narrow-by-list2 dd { margin-top:10px; }

.products-grid .product-image img { border:1px solid #ddd; width:100%;}
.products-grid .product-image img:hover { border:1px solid #38c7ea; }

.enquirebutton { float:left; margin-top:7px; margin-right:10px;}
.enquirebutton a { border-radius: 4px; color:#FFF; background-color:#08a5cc; border:1px solid #08a5cc; padding:7px 80px 8px 80px; font-weight:300;}
.enquirebutton a.active, .enquirebutton a:active, .enquirebutton a:focus, .enquirebutton a:hover {border-radius: 4px; color:#FFF; background-color:#38c7ea; border:1px solid #38c7ea; text-decoration:none;}

#popup-wrap img { height:170px; width: 191px;}
/*.popupimage { width:350px; }*/


/* Product Related Upsell Crossell
-------------------------------------------------- */
.enquiretext { font-size:10px; padding:5px; margin-top:5px; background:#eee;}

.catalog-product-view .box-collateral.box-up-sell {  }
.product-view .box-up-sell .table-responsive { padding: 0px 0px; margin-left:-20px; }
.product-view .box-up-sell .table-responsive #upsell-product-table td img {max-width:250px!important;}

.cart .crosssell li.item { clear:both; min-height:90px; }

#block-related .product { min-height:50px; }


/* Product Page
-------------------------------------------------- */
.product-options-bottom .input-group-addon  { display: none; padding:0px 0px!important; Xfont-size:10px; Xheight:30px; }
.add-to-box .input-group-addon  { display: none; }
.add-to-box .input-group  { margin-left:18px; }

.add-to-box { text-align: left; padding-left:0px;}

.product-options p.required { position: none; right: 5px; top: 5px; font-size:10px; }

.product-img-box .more-views img {
   display: block;
    width: 95px;
    height:95px;
}
.product-essential .product-img-box .more-views ul{ padding-left:15px; padding-right:15px;}
.product-essential .product-img-box .more-views ul li {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}


/* Product Tabs
-------------------------------------------------- */
.product-view .tabs { margin: 10px 0px 0px 5px; overflow:hidden; border-bottom:0px solid #496778;  zoom: 1;}
.product-view .tabs li                { float:left; border-radius:4px 4px 0px 0px; margin-right:5px; border-right:0px solid #ffffff; border-left:0px solid #fff; font-size:0.9em; line-height:1em;  background: #ffffff; }
.product-view .tabs li.first          { border-left:0; }
.product-view .tabs li.last           { border-right:0; }
.product-view .tabs a                 { display:block; padding:10px 15px; color:#000; text-decoration: none; border:1px solid #ddd; border-bottom:0px solid #ddd; border-radius:4px 4px 0px 0px; }
.product-view .tabs a:hover           { background-color:#ddd; text-decoration:none; color:#444; ; text-decoration: none; border-radius:4px 4px 0px 0px; }
.product-view .tabs li.active a,
.product-view .tabs li.active a:hover { border-radius:4px 4px 0px 0px; background:#353434;  font-weight:bold; color:#fff; border:1px solid #353434; border-bottom:0px solid #353434;}

#product_tabs_tags_tabbed_contents.input-box input	{ width: 300px; }
#product_tabs_tags_tabbed_contents .input-box	{ width: 300px; float:left; margin-right: 10px;}
#product_tabs_related_tabbed_contents li	{ float:left; margin-right: 10px;}
#product_tabs_related_tabbed_contents ol	{ clear: both;}
.product-collateral:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; zoom: 1}

.product-collateral .tabs a { Xmargin:15px;   }
.product-collateral .padder { Xmargin:15px; padding:15px; margin-bottom:15px; background:#ffffff; border:1px solid #ddd; border-radius:4px;}

.collateral-box.box-attachments {  background:#ffffff; border:1px solid #ddd; border-radius:4px; padding:15px;}

.product-collateral, .product-essential { Xbackground:red; }


/* Product image pop-up lightbox
-------------------------------------------------- */
.carousel-control.right,
.carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
}


/* Product sidebar
-------------------------------------------------- */
.mini-products-list .product-name a {font-size:13px; line-height:12px!important;}

#sidebar-nav-menu ul { margin-left:-5px!important; }
#sidebar-nav-menu li a { font-size:14px; display:block; padding-left:5px; border-bottom:1px dotted #38c7ea; }
#sidebar-nav-menu li li a { font-weight:200; font-size:13px; }
#sidebar-nav-menu a:link,
#sidebar-nav-menu a:visited {color:#ffffff; }
#sidebar-nav-menu a:hover,
#sidebar-nav-menu a:active {color:#353434; background:#38c7ea; text-decoration: none; }
#sidebar-nav {
    Xbackground:#353434;
    background:#08a5cc;
}
#sidebar-nav .block-title { Xbackground:#353434; background:#08a5cc; Xcolor:#08a5cc; color:#fff; }


/* CMS Pages
-------------------------------------------------- */
.cms-page-view.cms-construction-camera-systems {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-construction-camera-systems.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-vehicle-agriculture {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-agriculture.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-vehicle-marine {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-marine.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-vehicle-mining-and-construction {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-mining-construction.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-vehicle-port {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-port.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-vehicle-transport-and-logistics {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-transport.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-vehicle-crane-and-forklift {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-crane-forklift.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-vehicle-bus-and-coach {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-bus-coach.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-vehicle-small-vehicle-rv,
.cms-page-view.cms-vehicle-small-vehicle {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-small-vehicle-rv.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-traffic-management-camera-systems {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-traffic.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}

.cms-page-view.cms-surveillance-covert {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-covert.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-surveillance-corporate-and-government {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-corporate.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-surveillance-retail {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-retail.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-surveillance-wildlife {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-wildlife.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-surveillance-underwater-inspection {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-underwater.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-surveillance-production-and-manufacturing {
    background-color: #f5f5f2;
    background-image: url('/skin/frontend/boilerplate/default/images/background-production.jpg');
    background-position: center 100px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}

.cms-page-view.cms-fleetview {
    background-color: #f5f5f2;
    background-image: url('/media/wysiwyg/Header-Images/background-fleetview.jpg');
    background-position: center 0px;
    background-repeat:no-repeat!important;
    background-size:100% auto;
}
.cms-page-view.cms-fleetview-new {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,f5f5f2+100 */
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top, #ccc 0%, #f5f5f2 10%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ccc 0%,#f5f5f2 10%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ccc 0%,#f5f5f2 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f5f5f2',GradientType=0 ); /* IE6-9 */
    background-color: #f5f5f2;
    /* background-image: url('/media/wysiwyg/Slider-Images/slider-1.jpg');
    background-position: center 0px;
    background-repeat:no-repeat!important;
    background-size:100% auto; */
}

.viewgallerybutton a:link,
.viewgallerybutton a:visited { font-size:18px; padding:10px; background:#dedede; border-radius: 10px; margin-left:20px; }
.viewgallerybutton a:hover,
.viewgallerybutton a:active { font-size:18px; padding:10px; background:#38c7ea; border-radius: 10px; margin-left:20px; color:#fff; text-decoration: none; }

.galleryimage { float:left; padding:0px 10px 1px 0px;}
.galleryimage img { width:218px; height:150px; border:1px solid #ccc; }
.galleryimage img:hover { width:218px; height:150px; border:1px solid #08a5cc; }

x.imggallery { float:left; padding:0px 10px 1px 0px;}
X.imggallery img { width:218px!important; height:150px!important; border:1px solid #ccc!important; border-radius:0px!important;}
X.imggallery img:hover { width:218px; height:150px; border:1px solid #08a5cc; }

.album {
    width: 218px!important;
    height: 218px!important;
    margin: 15px 5px;
    position: relative;
    display: inline-block;
    border: 0px solid #8B6565!important;
    background-color: #F0F0F0;
    border-radius: 0px!important;
    box-shadow: 0px 0px 0px #ffffff!important;
    -webkit-box-reflect: below 0 -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,0.1) 100%);
}
.album img {width:100%!important; height:100%!important;}
.album img,
.album:before{
	border-radius: 0px!important;
}

.imggallery .description {clear:both; margin-left:30px; text-align:center;}

.bannerImage{
	width:218px!important;
	height:218px!important;
	float:left;
	margin: 20px 40px 20px 0px!important;
	border: 0px solid #A7A3A3!important;
  border-radius:0px!important;
}

/* Landing Page - Content area
-------------------------------------------------- */
.landing-page-wrapper-head{border:1px solid #e6e6e6; display:table; background-color:#ffffff; margin-top:25px; Xpadding:15px 5px 9px 5px; padding:0px; width:100% }
.landing-page-wrapper-head img { Xwidth:897px; Xheight:auto; }

.landing-page-wrapper-head .col-md-12 {width:939px; padding:15px; margin-left:10%; margin-right:10%;}

.landing-page-full-width {width:930px; min-height:422px;}

.landing-page-wrapper{border:1px solid #e6e6e6; display:table; background-color:#ffffff; margin-top:25px; padding:15px 15px 0px 15px;}
.landing-page-wrapper{display:table; width:100%;}
.landing-page-wrapper{padding:15px ; display:table;}
.landing-page-wrapper-head h1,
.landing-page-wrapper h1{margin:15px 0px 30px 0px; text-transform:uppercase; color:#08a5cc;}
.landing-page-main-content-area h2,
.landing-page-wrapper h2 {margin:15px 0px 30px 0px; font-size:30px; text-align:center; color:#08a5cc;}

.landing-page-wrapper p{margin-bottom:20px;}

.landing-page-main-content-area{padding:20px 0px 10px 0px; display:table; width:95%; margin-left:auto; margin-right:auto;}
.landing-page-main-content-area em { color:#777; }
.landing-page-main-content-area script { display:none; width:10%; }

.cms-page-view.cms-fleetview .landing-page-main-content-area .container {position:relative; height:380px; width:100%;}
.cms-page-view.cms-fleetview .landing-page-main-content-area .contentleft {margin-top:50px;}
.cms-page-view.cms-fleetview .landing-page-main-content-area .contentleft .std {width:90%; background:#ffffff; border-radius: 10px; padding:10px 30px 20px 30px;}

.cms-page-view.cms-fleetview .landing-page-main-content-area .contentleft h1 {color:#000000; font-family: 'Oswald', sans-serif; font-size:28px;}
.cms-page-view.cms-fleetview .landing-page-main-content-area .contentleft h1 span {color:#08a5cc;}

.cms-page-view.cms-fleetview-new .landing-page-main-content-area .container {position:relative; height:380px; width:100%;}
.cms-page-view.cms-fleetview-new .landing-page-main-content-area .contentleft {margin-top:50px;}
.cms-page-view.cms-fleetview-new .landing-page-main-content-area .contentleft .std {width:90%; background:#ffffff; border-radius: 10px; padding:10px 30px 20px 30px;}

.cms-page-view.cms-fleetview-new .landing-page-main-content-area .contentleft h1 {color:#000000; font-family: 'Oswald', sans-serif; font-size:28px;}
.cms-page-view.cms-fleetview-new .landing-page-main-content-area .contentleft h1 span {color:#08a5cc;}


#landingpageheader {
    width:940px;
    height:392px;
    overflow:hidden;
    Xborder:1px solid red;
}

.landing-page-wrapper .album { width:1130px!important; }

/* Video Wrapper */

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* FleetView
-------------------------------------------------- */

.cms-fleetview .landing-page-wrapper {border:0px solid #e6e6e6; display:table; background-color:#ffffff; margin-top:0px; padding:50px 15px 50px 15px;}
.cms-fleetview .landing-page-secondary-content-area {padding:20px 0px 30px 0px; display:table; background-color:#f5f5f2; width:100%; margin-left:auto; margin-right:auto;}

.cms-fleetview-new .landing-page-wrapper {border:0px solid #e6e6e6; display:table; background-color:#ffffff; margin-top:0px; padding:50px 15px 50px 15px;}
.cms-fleetview-new .landing-page-secondary-content-area {padding:20px 0px 30px 0px; display:table; background-color:#f5f5f2; width:100%; margin-left:auto; margin-right:auto;}


#custom_form .fieldset, #custom_form .form-list {
    background-color: transparent!important;
}
.formbuilder .formbuilder-form {}

.formbuilder .formbuilder-form .form-list.product-options {border:0px solid #ffffff!important; box-shadow: inset 0 0px 0px rgba(0,0,0,0);}

/* .formbuilder .formbuilder-form li {width:400px!important;} */
.formbuilder .formbuilder-form input {width:380px!important;}
.formbuilder .formbuilder-form textarea {width:380px!important;}
.formbuilder .formbuilder-form select {width:380px!important;}


.cms-fleetview-new .landing-page-main-content-area {
    padding: 0px 0px 0px 0px;
    display: table;
    width: 100%;
    height:500px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
    z-index: 0;
}

.cms-fleetview-new .slidecontainer {
    z-index: 10;
    position:relative;
    width:1170px;
    margin: 0 auto;
    padding: 0px auto;
}

.cms-fleetview-new .landing-page-container {
    position:absolute;
    z-index:200!important;
    margin-top:-500px;
    padding-top:50px;
    height:500px!important;
}

.cms-fleetview-new .slideshow_wrapper {
    width:1170px;
    height:500px;
    overflow: hidden;
}

.cms-fleetview-new .slideshow {
    width:3510px;
    height:500px;
    margin: 0 0 0 -3510px;
    position: relative;
    -webkit-animation-name: slide_animation;
    -webkit-animation-duration:11s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state: running;
    transform: translate3d(0,0,0);
}

.cms-fleetview-new .slide {
    width:1170px;
    height: 500px;
    position:relative;
    float:left;
    overflow:hidden;
}

.cms-fleetview-new .slideshow img{
    width:1170px;
    height:500px;
}

@-webkit-keyframes slide_animation {
/*   0% {left:0px;}
  10% {left:1170px;}
  20% {left:1170px;}
  30% {left:1170px;}
  40% {left:1170px;}
  50% {left:1170px;}
  60% {left:1170px;}
  70% {left:2340px;}
  80% {left:2340px;}
  90% {left:2340px;}
  100% {left:2340px;} */
  0% {left:1170px;}
  50% {left:2340px;}
  100% {left:3510px;}
}


/* Footer
-------------------------------------------------- */
.footer-wrapper{background-color:#333333; margin-top:50px; clear:both;}
footer{padding-top:30px; color:#ffffff;}
footer a:link{color:#ffffff; font-size:12px; line-height: 25px; }
footer a:visited{color:#ffffff; font-size:12px; }
footer a:hover{color:#08a5cc; font-size:12px; }
footer a:active{color:#08a5cc; font-size:12px; }

.footer-links-list-wrapper{display:table; border-bottom:1px solid #242222; padding-bottom:15px;}
.footer-links-list{padding-left:0px;}
.footer-links-list h4{margin-bottom:15px;}
.footer-links-list:nth-child(2){Xmargin-top:44px;}
.footer-links-list .free-phone p{margin:10px 0px 0px 10px; font-size:12px;}
.footer-links-list .free-phone h4{margin-top:0px;}
.footer-links-list:nth-child(4) h4{margin-left:10px;}
.footer-links-list ul li ul{padding-left:15px;}

.copyright{border-top:1px solid #444444; padding-top:15px; padding-bottom:15px;}
.copyright a:link, .copyright a:visited,
.copyright { color:#888; font-size:10px; }


/* Cart Page
-------------------------------------------------- */
.btn-checkout {
    color: #FFF;
    background-color: #08a5cc;
    border-color: #08a5cc;
}
.btn-checkout:hover {
    color: #FFF;
    background-color: #38c7ea;
    border-color: #38c7ea;
}

.cart .title-buttons .btn-checkout{ margin-top:30px;}
.cart-collaterals { margin-top:30px; }

.cart .totals {
    min-height: 20px;
    padding: 30px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #08a5cc;
    border-radius: 4px;
    box-shadow:none;
}
#shopping-cart-table tbody td { background:#fff; padding:20px; }

#gcheckout-login-link { margin-top:15px; }
#gcheckout-login-link a:link,
#gcheckout-login-link a:visited { font-size:15px; background:#08a5cc; color:#fff; padding:10px 23px!important; border-radius: 4px; }
#gcheckout-login-link a:hover,
#gcheckout-login-link a:active { font-size:15px; background:#38c7ea; color:#fff; padding:10px 23px!important; border-radius: 4px; }

#gcheckout-login-link a.normallink {background:none;color:#000; font-weight:normal;}


#checkoutbutton { margin-top:20px; text-align:center;}
#checkoutbutton a:link, #checkoutbutton a:visited {
    font-size: 15px;
    background: none repeat scroll 0% 0% #08A5CC!important;
    color: #FFF!important;
    padding: 10px 23px !important;
    border-radius: 4px;
}
#checkoutbutton a:hover, #checkoutbutton a:active {
    font-size: 15px;
    background: none repeat scroll 0% 0% #38c7ea!important;
    color: #FFF!important;
    padding: 10px 23px !important;
    border-radius: 4px;
}


/* Webform Pages
-------------------------------------------------- */
.webformholder {position:absolute; z-index: 1000; top:0; right:0; width:460px; border-radius:10px; margin-top:50px; display:block; background:#08a5cc; background-image:url('/skin/frontend/boilerplate/default/images/background-webform.png'); background-position:50% -45px; background-repeat:no-repeat; padding:10px 30px 20px 30px;}
.webformholder ul {margin-top:50px;}
.webformholder ul li {list-style-type: none;}
.webformholder label {color:#ffffff; text-transform: uppercase; font-weight:400;}
.webformholder h2 {display:none;}
.webformholder h6 {font-size:24px; color:#000000; margin-top: 0px; margin-bottom: 0px;}
.webformholder h3 {font-size:28px; margin-top: 10px; margin-bottom: 0px;}

.webformholder textarea,
.webformholder select,
.webformholder input {border:0px solid #ffffff;}
.webformholder .buttons-set {margin: 0em 0 0; padding: 0px 0 0; border-top: 0px solid #e5e5e5; line-height: 34px; text-align: right;}

.webformholder .buttons-set .button {width:100%; border:1px solid #ffffff; color:#08a5cc; text-transform:uppercase; font-size:18px;}


/* Checkout Page
-------------------------------------------------- */
.sp-methods dd{
	padding:5px 0;
	border-bottom:0px solid #eee
}
.sp-methods dt {
    display:block;
    clear:both;
}


/* Colorbox
-------------------------------------------------- */
Xcolorbox {
    background:#ffffff;
    border:1px solid #cccccc;
}
XcboxClose {
    padding:10px;
    background:#777777;
    border:1px solid #cccccc;
    color:#ffffff;
}
#cboxTitle {
    background:#000000;
    color: #ffffff;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}


/* Account Page
-------------------------------------------------- */
.dashboard .quicklists a:link,
.dashboard .quicklists a:visited { font-size:18px; padding:10px; background:#dedede; border-radius: 10px; margin-left:20px; }
.dashboard .quicklists a:hover,
.dashboard .quicklists a:active { font-size:18px; padding:10px; background:#38c7ea; border-radius: 10px; margin-left:20px; color:#fff; }
.dashboard .quicklists { margin-bottom:20px; }


/* Custom Extras
-------------------------------------------------- */
.landing-page-wrapper ul li { list-style-type: disc; list-style-position: outside; margin-left: 20px; }
.landing-page-wrapper ol li { list-style-type: decimal; list-style-position: outside; margin-left: 20px; }

#product_tabs_custom_contents ul li { list-style-type: disc; list-style-position: outside; margin-left: 20px; }
#product_tabs_custom_contents ol li { list-style-type: decimal; list-style-position: outside; margin-left: 20px; }

.messages ul li { list-style-type: none; }
.messages ol li { list-style-type: none; }








/* COLORBOX */


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
.popupholder {
	/*width: 500px!important;*/
  width:100%!important;
	/*height: 620px!important;*/
}
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    background: url(/skin/frontend/boilerplate/default/images/overlay.png) repeat 0 0;
}

#colorbox {
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(/skin/frontend/boilerplate/default/images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(/skin/frontend/boilerplate/default/images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(/skin/frontend/boilerplate/default/images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(/skin/frontend/boilerplate/default/images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(/skin/frontend/boilerplate/default/images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(/skin/frontend/boilerplate/default/images/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(/skin/frontend/boilerplate/default/images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(/skin/frontend/boilerplate/default/images/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}


#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/skin/frontend/boilerplate/default/images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/skin/frontend/boilerplate/default/images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxLoadingOverlay {
    background: url(/skin/frontend/boilerplate/default/images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(/skin/frontend/boilerplate/default/images/loading.gif) no-repeat center center;
}

#cboxClose {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/skin/frontend/boilerplate/default/images/btn_close.png) no-repeat top right;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
}

#cboxClose:hover {
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft {
    background: url(/skin/frontend/boilerplate/default/images/ie6/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
    background: url(/skin/frontend/boilerplate/default/images/ie6/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
    background: url(/skin/frontend/boilerplate/default/images/ie6/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
    background: url(/skin/frontend/boilerplate/default/images/ie6/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
    background: url(/skin/frontend/boilerplate/default/images/ie6/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
    background: url(/skin/frontend/boilerplate/default/images/ie6/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
    background: url(/skin/frontend/boilerplate/default/images/ie6/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
    background: url(/skin/frontend/boilerplate/default/images/ie6/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}





/*==========  Mobile First Method  ==========*/

/****************************************/
/***** MEDIA QUERY FOR BELOW 767PX ******/
/****************************************/
@media (max-width:767px) {

    header[role="banner"] {margin: 0px -15px 0px -15px;}
/*     div[role=main] {width:100%;} */
    .layout {width:93%; Xoverflow-x:hidden; padding:0px; margin:0px 0px 0px 10px;}

    .logo { padding:0px; margin-top:0px; margin-bottom:0px;}
    .logo:hover {opacity:0.7;}

    .header-wrapper {}
    .header-wrapper .col-sm-12 {width:100%;}

    .headerrightholder a {display:inline-block; padding:7% 10%; font-size:18px; float: right;}
    /*.headerrightholder a {display:inline-block; padding:22px 25px; font-size:18px; float: right;}*/

    header a:link{color:#ffffff;}
    header a:visited{color:#ffffff;}
    header a:hover{color:#ffffff; background:#08a5cc;}
    header a:active{color:#ffffff; background:#08a5cc;}

    .navbar-nav li{float:left; margin-left:0px; width:100%;}
    .navbar-collapse {padding:0px; max-height: 1340px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {padding-left:15px; z-index:4500; position: relative; background:#333333; margin-left:0px; margin-right:15px;}
    .navbar-default .navbar-collapse {width:100%;}
    .navbar-default .navbar-collapse > ul {width:100%; padding-left:15px;}
    .navbar-default .navbar-collapse ul ul {width:100%; padding-left:15px; z-index:1600;}
    .navbar-default ul .dropdown-menu-3 ul,
    .navbar-default ul .dropdown-menu-3 {padding-left:0px!important;}
    .navbar-default ul .dropdown-menu-3 a {width:100%;}

    .navbar-nav li:last-of-type {right:auto; top:auto; position:relative;}

    .home-slideshow .slide img {overflow:hidden; width:300%!important; margin-left:-50%!important;}

    #div-interaktingslider { height:368px; }
    #div-interaktingslider #middle-center { height:402px; }
    #div-interaktingslider #slide-content { width:100%; height:402px; }
    #div-interaktingslider #slide-content .slide { width:100%; height:402px; }
    #div-interaktingslider #slide-commands { margin:350px 0px 0px 5px; }

    #div-interaktingslider #slide-content .slidercontentinner {width:90%; height:auto; display:block; top:15%; left:5%; padding:20px; border-radius:10px;}
    #div-interaktingslider #slide-content .slidercontentwrapperleft {display:none;}
    #div-interaktingslider #slide-content .slidercontentwrapperright {width:100%; display:inline-block; border-radius:10px; position:relative;}
    #div-interaktingslider #slide-content .slidercontentwrapperright img {width:auto!important; margin-left:0px!important; display:inline-block; border-radius:10px; position:relative;}
    #div-interaktingslider #slide-content .slidercontentinner.rightside {left:10%;}

    #div-interaktingslider #slide-content h3 {color:#000000; font-family: 'Oswald', sans-serif; font-size:21px; margin-bottom:10px; }
    #div-interaktingslider #slide-content h3 span {color:#08a5cc;}
    #div-interaktingslider #slide-content p { font-size:14px; line-height:21px; margin-bottom:10px;}

    .beneath-homepage-slideshow .left {width:100%; padding-left:0%;}
    .beneath-homepage-slideshow .right {width:100%; padding-right:5%; padding-left:0px;}

    .products-grid .item {
        position: relative;
        float: left;
        width: 50%;
        padding-left: 0px;
        padding-right: 15px;
        min-height: 420px;
        padding-bottom: 40px;
        margin-bottom:30px;
    }
    .products-grid .itemp {
        position: relative;
        float: left;
        width: 50%;
        padding-left: 0px;
        padding-right: 15px;
        min-height: 420px;
        padding-bottom: 40px;
        margin-bottom:30px;
       overflow:auto;
    }
    .products-grid .itemc {
        position: relative;
        float: left;
        width: 50%;
        padding-left: 0px;
        padding-right: 15px;
        min-height: 420px;
        padding-bottom: 40px;
        margin-bottom:30px;
        Xoverflow:auto;
    }

    .btn-cart { color:#FFF; background-color:#08a5cc; border:1px solid #08a5cc; padding:6px 20px 6px 20px; margin-bottom:10px; }
    .btn-cart.active, .btn-cart:active, .btn-cart:focus, .btn-cart:hover, .open .dropdown-toggle.btn-cart {color:#FFF; background-color:#38c7ea; border:1px solid #38c7ea;}

    .landing-page-wrapper .album { width:100%!important;}
    .imggallery {width:100%!important;}

    .enquirebutton { float:left; margin-top:7px; margin-right:10px;}
    .enquirebutton a { border-radius: 4px; color:#FFF; background-color:#08a5cc; border:1px solid #08a5cc; padding:7px 30px 8px 30px; font-weight:400;}
    .enquirebutton a.active, .enquirebutton a:active, .enquirebutton a:focus, .enquirebutton a:hover {border-radius: 4px; color:#FFF; background-color:#38c7ea; border:1px solid #38c7ea; text-decoration:none;}

    .itemc .btn-cart { color:#FFF; background-color:#08a5cc; border:1px solid #08a5cc; padding:6px 36px 6px 36px; margin-bottom:10px; }
    .itemc .enquirebutton a { border-radius: 4px; color:#FFF; background-color:#08a5cc; border:1px solid #08a5cc; padding:7px 50px 8px 50px; font-weight:300;}

    .most-popular-products-wrapper{display:table; width:95%; padding:0px 5px 30px 0px; margin-top:20px; margin-left:15px;}

    .cms-page-view.cms-fleetview .landing-page-main-content-area .contentleft .std {width:100%; background:#ffffff; border-radius: 10px; padding:10px 30px 20px 30px;}
    .cms-page-view.cms-fleetview .landing-page-main-content-area .contentleft {margin-top:20px;}
    .cms-page-view.cms-fleetview-new .landing-page-main-content-area .contentleft .std {width:100%; background:#ffffff; border-radius: 10px; padding:10px 30px 20px 30px;}
    .cms-page-view.cms-fleetview-new .landing-page-main-content-area .contentleft {margin-top:20px;}

    .cms-fleetview-new .slidecontainer {
        display:none;
    }

    .cms-page-view.cms-fleetview-new {
        background-color: #f5f5f2;
        background-image: url('/media/wysiwyg/Slider-Images/slider-1.jpg');
        background-position: center 0px;
        background-repeat:no-repeat!important;
        background-size:auto 100%;
    }

    .webformholder {position:static; width:90%; margin-top:50px; margin-left:5%; margin-right:5%; padding:10px 10px 20px 10px;}

    .g-recaptcha {margin-right:-10px; }
    #rc-imageselect {}
    #rc-imageselect, .g-recaptcha {transform:scale(0.87);-webkit-transform:scale(0.87);transform-origin:0 0;-webkit-transform-origin:0 0;}

    /* REmOve ThIS */
    .category-wrapper table {display:none;}

    .category-wrapper {width:100%; border: 1px solid #ffffff; }
    .catalog-category-view .layout {width:100%; margin-left:0px; border: 1px solid #ffffff; Xmargin-right:15px;}

    .browse-by-industry-wrapper .browsebyitem.col-md-3 span { min-height:150px;}
    .browse-by-industry table img {width:100%!important; height:auto!important;}
    .browse-by-industry h4 {font-size:12px;}
    .browse-by-industry .logowrapper img {width:30%;}

    .landing-page-wrapper {}
    .landing-page-wrapper-head .col-md-12 {width:100%!important; height:auto!important; padding:15px; margin-left:0px; }
    .landing-page-wrapper-head .container {Xborder:1px solid red; height:auto!important; min-height:180px;}
    .landing-page-full-width {width:100%!important; min-height:250px!important;}
    #landingpageheader {
        Xheight: auto;
        width: 100%!important;
        background-size: 100% auto;
    }
    #landingpageheader .btn-holder {display:none;}

    .product-shop {display:table;}
    #product_tabs_description_tabbed_contents img {width:100%;}
    .catalog-product-view .box-collateral.box-up-sell .products-grid .product-name {min-height: 25px; height: 100px;}
    .catalog-product-view .box-collateral.box-up-sell .products-grid .product-name a {font-size:12px;}

    .footer-wrapper {margin-top: 50px;}
    .footer-links-list{width:100%; padding-left:0px; padding:20px; float:left;}

    .tool-bar-wrapper {Xpadding:0px;}
    .tool-bar-wrapper .limiter {float:left;}
    .tool-bar-wrapper .limiter select {width:40px;}
    .tool-bar-wrapper .sort-by {float:right;}
    .tool-bar-wrapper .sort-by select {width:70px;}
    .pagerbox {clear:both; padding-top:10px; display:block;}

    a.login-button {display:block; margin-bottom:10px;}
    a.normallink {font-size:13px!important;}

    .gomage-checkout-onepage-index form,
    .checkout-cart-index form,
    .gomage-checkout-onepage-index table,
    .checkout-cart-index table,
    .gomage-checkout-onepage-index thead,
    .checkout-cart-index thead,
    .gomage-checkout-onepage-index tbody,
    .checkout-cart-index tbody,
    .gomage-checkout-onepage-index tfoot,
    .checkout-cart-index tfoot,
    .gomage-checkout-onepage-index tr,
    .checkout-cart-index tr,
    .gomage-checkout-onepage-index th,
    .checkout-cart-index th,
    .gomage-checkout-onepage-index td,
    .checkout-cart-index td {display: block;}
    #shopping-cart-table button {width:100%; margin-bottom:10px;}

    .col2-set, .col4-set {
       margin-left: -15px;
       margin-right: 0px;
    }

  .container {width:100%; padding-left:0px; padding-right:0px;}

}

/****************************************/
/**** MEDIA QUERY FOR 768PX - 991PX *****/
/****************************************/
@media (min-width:768px) and (max-width:991px) {

    .logo { padding:0px; margin-top:15px; margin-bottom:15px;}
    .logo:hover {opacity:0.7;}

    .layout {margin:0px;}

    .menu-wrapper .container {padding-right:0px;}

    .navbar-nav li {float:left; margin-left:0px; width:100%;}
    .navbar-collapse {padding:0px; max-height: 1340px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {padding-left:15px; z-index:4500; position: relative; background:#333333; margin-left:0px; margin-right:15px;}
    .navbar-default .navbar-collapse {width:100%;}
    .navbar-default .navbar-collapse > ul {width:100%; padding-left:15px;}
    .navbar-default .navbar-collapse ul ul {width:100%; padding-left:15px; z-index:1600; position:relative;}
    .navbar-default ul .dropdown-menu-3 ul,
    .navbar-default ul .dropdown-menu-3 {padding-left:0px!important;}
    .navbar-default ul .dropdown-menu-3 {margin-left:50%!important;}
    .navbar-default ul .dropdown-menu-3 a {width:100%;}

    .navbar-nav li:last-of-type {right:auto; top:auto; position:relative;}

    .home-slideshow .slide img {overflow:hidden; width:200%!important; margin-left:-50%!important;}

    .headertopcontainer,
    .headerrightholder {padding-left:0px; padding-right:0px;}

    #div-interaktingslider { height:368px; }
    #div-interaktingslider #middle-center { height:402px; }
    #div-interaktingslider #slide-content { width:100%; height:402px; }
    #div-interaktingslider #slide-content .slide { width:100%; height:402px; }
    #div-interaktingslider #slide-commands { margin:350px 0px 0px 5px; }

    #div-interaktingslider #slide-content .slidercontentinner {width:90%; height:auto; display:block; top:25%; left:5%; padding:20px; border-radius:10px;}
    #div-interaktingslider #slide-content .slidercontentwrapperleft {display:none;}
    #div-interaktingslider #slide-content .slidercontentwrapperright {width:100%; display:inline-block; border-radius:10px; position:relative;}
    #div-interaktingslider #slide-content .slidercontentwrapperright img {width:auto!important; margin-left:0px!important; display:inline-block; border-radius:10px; position:relative;}
    #div-interaktingslider #slide-content .slidercontentinner.rightside {left:10%;}
    #div-interaktingslider #slide-content .slidercontentinner.rightside {left:10%;}

    #div-interaktingslider #slide-content h3 {color:#000000; font-family: 'Oswald', sans-serif; font-size:21px; margin-bottom:10px; }
    #div-interaktingslider #slide-content h3 span {color:#08a5cc;}
    #div-interaktingslider #slide-content p { font-size:14px; line-height:21px; margin-bottom:10px;}

    .browse-by-industry-wrapper .browsebyitem.col-md-3 span {border:1px solid #ededed; display:block; padding:20px; min-height:170px; margin-bottom:25px; background:#fafafa;}
    .browse-by-industry .logowrapper img {width:18%;}

    .beneath-homepage-slideshow {margin-top:30px;}
    .beneath-homepage-slideshow .left {width:100%; padding-right:19%;}
    .beneath-homepage-slideshow .right {width:100%; padding-left:19%;}

    .btn-cart {padding:6px 35px 6px 35px;}
    .enquirebutton a { border-radius: 4px; color:#FFF; background-color:#08a5cc; border:1px solid #08a5cc; padding:7px 45px 8px 45px; font-weight:400;}

    .webformholder { width:100%; position:static; z-index: 1000; top:0; right:0px; margin-top:70px;}
    .cms-page-view.cms-fleetview .landing-page-main-content-area .contentleft .std {width:100%; background:#ffffff; border-radius: 10px; padding:10px 30px 20px 30px;}
    .cms-page-view.cms-fleetview .landing-page-main-content-area .contentleft {margin-top:20px;}
    .cms-page-view.cms-fleetview-new .landing-page-main-content-area .contentleft .std {width:100%; background:#ffffff; border-radius: 10px; padding:10px 30px 20px 30px;}
    .cms-page-view.cms-fleetview-new .landing-page-main-content-area .contentleft {margin-top:20px;}

    .home-content-wrapper h2 {font-size:28px;}
    .home-content-wrapper .col-md-3 {width:35%; float:left; padding-left:0px; padding-right:0px;}
    .home-content-wrapper .col-md-9 {width:65%; float:left; padding-left:0px; padding-right:0px;}

    .landing-page-wrapper-head .col-md-12 {width:736px!important; height:400px; padding:15px; margin-left:0%; margin-right:0%;}
    .landing-page-full-width {width:100%!important; min-height:322px!important;}
    #landingpageheader {
        height: auto;
        width: 100%!important;
        position: static;
        background-size: 100% auto;
    }
    #landingpageheader .btn-holder {display:none;}

    .landing-page-wrapper .album { width:100%!important; }
    .imggallery {width:100%!important;}

    .footer-wrapper {margin-top: 50px;}
    .footer-links-list{padding-left:0px; padding-right:30px; float:left;}

    .tool-bar-wrapper .limiter {float:left;}
    .tool-bar-wrapper .limiter select {width:60px;}
    .tool-bar-wrapper .sort-by {float:right;}
    .tool-bar-wrapper .sort-by select {width:100px;}

  .container {width:100%;}

}

/****************************************/
/*** MEDIA QUERY FOR 992PX - 1299PX *****/
/****************************************/
@media (min-width:992px) and (max-width:1299px) {

    .layout {margin:0px;}

    .navbar-nav li:last-of-type {float:left; margin-left:0px;}
    .navbar-collapse {padding:0px;}

    .landing-page-wrapper-head{border:1px solid #e6e6e6; display:table; background-color:#ffffff; margin-top:25px; padding:0px; }
    .landing-page-wrapper-head .col-md-12 {width:939px; padding:15px; margin-left:2.5%; margin-right:5%;}
    .landing-page-full-width {width:930px; min-height:422px;}

    #div-interaktingslider #slide-content .slidercontentinner {top:15%;}
    #div-interaktingslider #slide-commands {  z-index:50; margin:360px 0px 0px 5px; width:98%; height:28px; background:transparent; border:0px; }
    #div-interaktingslider #slide-content .slidercontentwrapperleft img {width:100%;}
    #div-interaktingslider #slide-content .slidercontentinner {width:70%;}

        /* Interakting Slider */

    #div-interaktingslider { height:408px; }
    #div-interaktingslider #middle-center { height:442px; }
    #div-interaktingslider #slide-content { height:442px; }
    #div-interaktingslider #slide-content .slide { height:442px; }

    .webformholder {position:absolute; z-index: 1000; top:0; right:30px; margin-top:50px;}

    .landing-page-wrapper .album { width:100%!important; }

    .footer-links-list-wrapper{width:100%;}

    table { display: table; }
    thead { display: table-header-group; }
    tbody { display: table-row-group; }
    tfoot { display: table-footer-group; }
    tr { display: table-row; }
    th, td { display: table-cell; }

  .container {width:100%;}

}

/****************************************/
/*** MEDIA QUERY FOR 1200PX - 1599    ***/
/****************************************/
@media (min-width: 1300px) and (max-width: 1599px) {

    table { display: table; }
    thead { display: table-header-group; }
    tbody { display: table-row-group; }
    tfoot { display: table-footer-group; }
    tr { display: table-row; }
    th, td { display: table-cell; }


    #div-interaktingslider #slide-commands { margin:400px 0px 0px 5px; }

    .footer-links-list-wrapper{width:100%;}

  .container {width:1270px}

}

/****************************************/
/*** MEDIA QUERY FOR 1600PX AND ABOVE ***/
/****************************************/
@media (min-width: 1600px) {

  .footer-links-list-wrapper{width:100%;}

  .container {width:1600px}

}

/**************************************/
/*** CHROME AND SAFARI SPECIFIC CSS ***/
/**************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {

  .gform_wrapper select {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    /*border: 1px solid #ffffff;*/
    padding: 5px;
    background: transparent;
    outline: none;
  }

}

@media screen and (-webkit-min-device-pixel-ratio:2) {

  .gform_wrapper select {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    /*border: 1px solid #ffffff;*/
    padding: 5px;
    background: transparent;
    outline: none;
  }

}

/**************************************/
/******** IE 10+ SPECIFIC CSS *********/
/**************************************/
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {

}


/* Set Mobile Menu Active for specific sizing */

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .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-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}





/* Reset */
*{margin:0;padding:0;}

/* Slider */
#slidercat {
  width:100%;
  height:500px;
  position:relative;
  overflow:hidden;
}
.slidescat {
  width:400%;
  height:100%;
  position:relative;
  -webkit-animation:slide 30s infinite;
  -moz-animation:slide 30s infinite;
  animation:slide 30s infinite;
}
.slidercat {
  width:25%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.slidecat img{
  width:100%;
  height:100%;
}
.slidecat img{
  width:100%;
  height:100%;
}
.image{
  width:100%;
  height:100%;
}
.image img{
  width:100%;
  height:100%;
}

/* Animation */
@-webkit-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@-moz-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}