﻿/****************************************************
   - TEXT
****************************************************/
p { margin: 0 0 11px; }
p small { font-size: 11px; color: #999999; }
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a,
.h1, .h2, .h3, .h4, .h5,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a{ margin: 0; font-family: inherit; color: inherit;  }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover {color:#EF7C00;}

h1, .h1 { font-size: 34px; line-height: 1; border-bottom:1px solid #e9e9ea; padding-bottom:6px; margin-bottom:10px; }
h2, .h2 { font-size: 24px; line-height: 34px;padding-top:4px; }
h3, .h3 { font-size: 18px; line-height: 27px; }
h4, .h4, h5, .h5 { line-height: 18px; }
h4, .h4 { font-size: 14px; }
h5, .h5 { font-size: 12px; }



p a , a:link, #breadcrumb a {
    text-decoration: none;
    outline: none;
    color: #EF7C00;
}

td a {
    text-decoration: none;
    outline: none;
    color: #EF7C00;
}

p a:hover, #breadcrumb a:hover {
    color: #EF7C00;
    text-decoration: underline;
}

li a:hover {
    color: #EF7C00;
    text-decoration: underline;
}

.ecomGroupName {
    color:#EF7C00;
}



/****************************************************
   - MASTER SETUP
****************************************************/
html, body {background-color:#FFFFFF; font-family: 'Merriweather', serif; text-rendering: optimizelegibility;}
body {
    margin: 0px;
    padding: 0px 0px;
   } 
#sb-site{ min-height: unset !important; }
main {
    background-color:#FFFFFF;
}
#bgimg{
    background-image:url("./gfx/baggrund.png");
    background-repeat:no-repeat;
    background-size:cover;
    height:470px;
    width:100%;
    position:absolute;
    top:124px;
}
div#wrapper{width:100%; position:relative;}

#siteWrapper, .siteWrapper {width:1000px; margin:0 auto; min-height:386px;}
#topWrapper, .topWrapper {width:100%; margin: 0 auto; position:relative; min-height:86px;}
#menuWrapper, .menuWrapper {
    position: relative;
    min-height: 20px;
    float: right;
    z-index: 55;
}
#contentWrapper, .contentWrapper, #contentWrapperFrontpage, .contentWrapperFrontpage {width:100%; margin:0 auto; position:relative; min-height:180px; display:table;}
#footerWrapper, .footerWrapper {width:100%; margin:0 auto; position:relative; min-height:100px; display:table;}
/**div#frontpageWrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -330px; width:1000px; }**/


/*#siteContent, .siteContent { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -330px; width:1000px;}*/



div.container { padding:0 20px; }

.clear{
  clear:both;
}

.nopadding {
    padding: 0 0;
}

.top-wrapper {
    background-color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
}

.video {
    /*position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    /*padding-top: 25px;
    height: 0;*/
    margin-bottom:25px;
}

.video iframe {
    /*position: absolute;
    top: 0;
    left: 0;*/
    max-width: 100%;
}
.video-wrapper .video-title {
    margin-bottom:10px;
}

.video figcaption {
    /*position: absolute;
    bottom: 10px;
    left:0;*/

    vertical-align: top;
    margin-top: 10px;
}

.btn-primary {
    border-radius: 0px;
    color: #FFFFFF;
    background-color: #EF7C00;
    border-color: #EF7C00;
}

.btn-primary:hover {
    border-color: #de7401;
    background-color: #de7401;
}

.btn-primary:focus, .btn-primary:active {
    border-color: #de7401 !important;
    background-color: #de7401 !important;
}

.btn-primary.right {
    float:right;
}

/****************************************************
   - TOP
****************************************************/


div#top { padding:10px 0px 10px 0px; display:table;}
div#top div.container.top-stuff { height:121px; position:relative; }
div#top div#topImage { position:relative; z-index:1; }
div#top a.logo, div#top a#logo { padding:25px 20px 20px 0; margin:0px; cursor:pointer; }
div#top .logo {
    background-image:url("./gfx/logo.png");
    clear:both;
    width:170px;
    height:103px;
    margin:0px;
    background-repeat: no-repeat;
    cursor:pointer;
    float:left;

}

.logo {
    background-image: url("./gfx/logo.png");
    clear: both;
    width: 170px;
    height: 103px;
    margin: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
}


/*** Service Menu ***/
div#serviceMenuWrapper { display: inline-block; float:right; width:750px; height:55px;}
#serviceMenu { position:relative; display:table; float:right;}
#serviceMenu ul { list-style: none;}
#serviceMenu ul li {float:left; padding-left:20px; text-align:right; }
#serviceMenu ul li a { font-size:13px; color:#ffffff; line-height:25px;}
#serviceMenu ul li a.inpath, #serviceMenu ul li a.activeitem, #serviceMenu ul li a:hover {color:#EF7C00;}

/*** Search & Lanuage Bar***/
#search, #langSelect select {position:relative; float:right; font-size:13px; margin-left: 25px;}
#search input[type=text], #langSelect select{background-color:#000000; border-style:solid; border-width:1px; border-color:#7c7c7c; color:#FFFFFF;}
#search input[type=text] {width:170px; padding: 1px 7px;}
#search input[type=submit] {display:none;}

#search input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFF;
}
#search input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #FFF;
}
#search input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #FFF;
}
#search input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #FFF;
}

/** Ecom basket **/

.top-basket {
    display: inline;
    float: right;
    margin-left: 10px;
}

.mobile-basket {
    position: fixed;
    display: table;
    z-index: 999999;
    top: 82px;
    right: 10px;
    
}

.mobile-basket > a {
    color: #3f6182
}

.mobile-basket .fa-shopping-cart {
    color: #3f6182
}

.top-basket .fa.fa-shopping-cart, .mobile-basket .fa.fa-shopping-cart {
    font-size:20px;
    line-height:18px;
}

.top-basket .top-basket-quantity, .mobile-basket .top-basket-quantity {
    float: right;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    /*padding-top:3px;
    padding-bottom:3px;*/
    background: #3f6182;
    border-radius: 70px;
    text-align: center;
    color: #fff;
    padding: 0;
    line-height: 17px;
    font-size: 8px;
}
@media screen and (min-width: 768px) {
    .mobile-basket {
        display:none;
    }
}

@media screen and (max-width: 768px) {
    .cart-btn-container {
        margin-top:60px !important;
    }
}

@media screen and (max-width: 748px) {
    #browse-products {
        margin-bottom:15px;
    }
}



/****************************************************
   - MAIN MENU
****************************************************/


#menuWrapper{/*refer to master setup for general properties*/
  z-index:55;
  padding:0px;
}

#menu {background-color:#000000; border:none;}

.navbar {margin-bottom:0px;}

.nav > li > a {padding-right:0px; padding-left:30px; padding-bottom:0px;}

.navbar-collapse {padding:0px;}

.navbar-default .navbar-nav > li > a {color:#FFFFFF;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#EF7C00}

/*Active element in top level menu*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
  background-color:#000000; color:#FFFFFF;
}

/*dropdown menu*/
.dropdown-menu {border-color:#EF7C00; background-color:#000000;}
/*dropdown menu text*/
.dropdown-menu > li > a{color:#FFFFFF;}
/*Active & Hover dropdown elements*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#000000; color:#EF7C00;}

/*dropdown menu text when collapsed as a box*/
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#FFFFFF;}

/*Inpathmenu text*/
.navbar div.navbar-collapse ul#mainmenu.nav li.dropdown a.inpath {color:#EF7C00;}

/*Active & Hover dropdown menu text when collapsed as a box*/
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#EF7C00;}
/*Inpath dropdown menu text when collapsed as a box*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color:#EF7C00;}



/****************************************************
   - FOOTER
****************************************************/

#footerWrapper {/*refer to master setup for general properties*/
 
}

footer .links-left, footer .links-right {
    padding-left: 0;
    list-style: none;
    
}
footer .links-left li, footer .links-right li {
    margin-bottom:5px;
}

#footerWrapper, #footerWrapper a {color:#a4a4a4; font-size:13px;}
#footerWrapper #footer a {
    text-decoration:underline;
}
#footerWrapper a:hover {
    color:#EF7C00;

}

#footer{
  width:21%;
  min-height:150px;
  float:left;
  font-weight:bold;
}

/* Site Map */
#siteMap{
display:table;
width:77.5%;
  float:right;
  
}

#siteMap a {

}

#siteMap a:hover {

  text-decoration:underline;
}

#siteMap ul{
list-style:none;
padding-left:0px;
  display:table;
  width:100%;
}

#siteMap li>ul{

}


#siteMap ul>li{
float:left;
width:155px;
  padding-right:20px;
  padding-bottom:5px;
}

#siteMap ul li ul.M1{padding-top:10px;}
html body div#siteWrapper div#footerWrapper div#siteMap ul li {font-weight:bold; font-size:14px; }

html body div#siteWrapper div#footerWrapper div#siteMap ul li ul.M1 li {font-weight:normal;  font-size:13px;  cursor:pointer;}
html body div#siteWrapper div#footerWrapper div#siteMap ul li ul.M1 li
html body div#siteWrapper div#footerWrapper div#siteMap ul li ul.M1 li ul.M2 li{font-weight:normal;  font-size:13px;}

#siteMap ul.M2{display:none;}

.some-container {
    text-align:right;
}

div.some-container .somelink {
    display:inline-block;
  
    height: 40px;
    width: 40px;
    border-radius: 40px;
    color: #FFF;
    text-align: center;
 
    overflow: hidden;
    background-color: #FFF;
}



.somelink:nth-child(n+2) {
    margin-left: 10px !important;
}

.some-container a:hover {
    background-color:#e5e5e5;
}

.some-container a i {
   
    color: #000 !important;
    line-height: 40px;
    font-size: 22px;
  	display:block;
}

.some-container-bottom {
    text-align:center;
}


.some-container-bottom a:hover {
    background-color: #e5e5e5;
}



/****************************************************
   - SUBPAGE GENERAL SETUP
****************************************************/

#subPageWrapper{background:#FFFFFF; position:inherit; padding-bottom:25px;}
#contentWrapper, .contentWrapper{background-color:#FFFFFF;}

.sideColumnWrapper
{
  float:left;
  padding-top:50px;
}

.paragraphEnd{height:0px;clear:both;}

/****************************************************
   - SUBPAGE TOP CONTENT AREA
****************************************************/
#contentTop {padding:0px 20px; margin-bottom:20px;}
#breadcrumb {padding:10px 0;}
#breadcrumb a {color:#000000;}
#breadcrumb a:hover, .leftnav a:active, .leftnav a.inpath 
{
  color:#ef7c00;
}

#topBannerImage{width:100%; max-height:130px;}

.topBannerImg {
    width: 100%;
    height:auto;
}


/****************************************************
   - SUBPAGE CENTER COLUMN
****************************************************/


#center1ColumnWrapper, #center2ColumnWrapper, #center3ColumnWrapper{float:left; position:relative; padding:right:50px; }
#center1ColumnWrapper {width:970px; padding-left:35px;}
#center2ColumnWrapper {width:790px; padding-left:35px; padding-right:30px;}
#center3ColumnWrapper {width:620px; padding-left:35px; }
#centerColumn{min-height:300px;}

/****************************************************
   - SUBPAGE LEFT COLUMN
****************************************************/
#leftColumnWrapper{position:relative; float:left; padding-top:13px; padding-left:20px; width:190px;}

.pdfSpot{margin-bottom:20px;}

.sideColumnWrapper a
{
    text-decoration:none;
}

.sideColumnWrapper .header
{
    padding-bottom:10px;
}


#rightColumnWrapper{position:relative; float:left; width:190px; padding-left:20px;}

/* SUBPAGE-LEFT-COLUMN-MENU */

.leftnav
{
  margin-bottom:50px;
}

.leftnav ul li ul.M2 li a{
  margin-left:10px;
}

.leftnav li 
{
  border-bottom: 1px solid #E6E6E6;
  border-style:solid;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  line-height: 17px;
  padding: 0px 0px 0px 0px;
}

.leftnav a 
{
  padding:10px 0px 10px 0px;
  color: #000000;
  font-size: 14px;
  text-decoration: none;
  font-weight:normal;
  display:block;
}

.leftnav a:visited {color:#000000;}

.leftnav a:hover, .leftnav a:active, .leftnav a.inpath 
{
  color:#ef7c00;
}



.leftnav a.activeitem, .leftnav .activeitem>a, .leftnav ul li.inpath>a
{
  text-decoration:none; 
  color:#ef7c00;
  font-weight:normal;
  
}

.leftnav ul a.activeitem 
{
  background:#ffffff !important;
  line-height: 17px;
  padding:10px 0px 10px 0px;
  display:block;
}
.leftnav ul a:hover 
{
  background:#ffffff !important;
}

.leftnav ul.M2, .leftnav ul.M3 {padding-left:5px;}
.leftnav ul > li
{
  
}

.leftnav ul {list-style:none;margin:0;padding:0; margin-left:0px;}
.leftnav ul li ul.M2 li a{font-size:13px;}
.leftnav ul li ul.M3 li a{font-size:12px;}



/*Pdf spot*/

.pdfSpot p {font-weight:bold; font-size:15px; padding-top:20px; margin-bottom:5px;}
.pdfSpot ul.pdfItemList {padding:0px; list-style:disc inside;}
.pdfSpot ul.pdfItemList li.pdfItem a {color:#000000; text-decoration:underline; font-size:13px;}


/****************************************************
   - SUBPAGE RIGHT COLUMN
****************************************************/

/****************************************************
   - FRONTPAGE
****************************************************/

/* --------- Table List on frontpage ------- */

#BordTypeWrapper{margin-top:-2px;}

.tableItemList, .tableItemList a{color:#FFFFFF;}
.tableItemList{display:table; padding-top: 18px;}
.tableItemList .tableItem{position:relative; float:left;}
.tableItemList .tableItem:nth-of-type(1){margin-left:-1px;}
.tableItemList .tableItem .tableContent {
  position:absolute; 
  top:113px; 
  width:100%; 
   
  
  background-image:url("./gfx/bordborder.png");
  background-repeat:no-repeat;
  
  /*
  border-style: solid; border-width: 0px 0px 0px 1px;
  border-color: #EF7C00;
  -moz-border-image: url(./gfx/bordborder.png) 0 0 0 1 repeat; 
  -webkit-border-image: url(./gfx/bordborder.png) 0 0 0 1 repeat; 
  -o-border-image: url(./gfx/bordborder.png) 0 0 0 1 repeat; 
  border-image: url(./gfx/bordborder.png) 0 0 0 1 fill repeat;
  */
}


#BordTypeWrapper .tableItemList .tableItem img{width:83.3px;}
.tableItemList .tableItem:nth-of-type(1) .tableContent {background-image:none;}

.tableItem img {}

.textpos{display:table-cell; vertical-align:middle; text-align:center; width:83.3px; height:53px; font-size:13px;}

/* --------- Boxes on frontpage ------- */
#infoWrapper {
  margin:0px;
  padding:0px;
  display:table;
  padding:18px 0px 50px 0px;
  height:214px;
  width:100%;
  color:#FFFFFF;
}

/****************************************************
   - IMAGE SLIDER
   - Refer to jquery.bxslider.min
****************************************************/

#sliderFrame {width:100%;}
.sliderFrame {width:100%;}
.imageSliderContainer .sliderFrame a img.sliderThumb{width:19%;margin:15px 0px;}

/**imageSlider subpage**/
#contentWrapper #centerColumn .imageSliderContainer .sliderFrame .bx-wrapper .bx-viewport ul li.sliderItem img {height:380px;}
#contentWrapper #centerColumn .imageSliderContainer .sliderFrame .bx-wrapper .bx-prev{left:10px;}
#contentWrapper #centerColumn .imageSliderContainer .sliderFrame .bx-wrapper .bx-next{right:10px;}
#centerColumn .imageSliderContainer .sliderFrame .bx-wrapper .bx-statement h1{color: #ef7c00;}
#contentWrapper #centerColumn .imageSliderContainer .sliderFrame .bx-wrapper .bx-caption{
  height:100px;
  top:inherit; 
  bottom:0px;
 background:rgb(239,124,0);
	background: transparent\9;
	background:rgba(239,124,0,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2EF7C00,endColorstr=#b2EF7C00);
	zoom: 1;
}
#contentWrapper #centerColumn .imageSliderContainer .sliderFrame .bx-wrapper .bx-caption:nth-child(n) {
	filter: none;
}

.slider-container {
    padding-left:0px;
    padding-right:0px;
}

.slider-container .sliderItem {
    width:100% !important;
}

.bxslider {
    padding-left:0px;
}

.bx-caption h2 {
    line-height:30px;
    margin: 5px 0 10px 0;
}

.bx-caption:hover {
    background-color:#d76f00;
}

.sb-slide:not(.index) .bx-wrapper .bx-caption { height: auto; top: 290px; }
/*.sb-slide:not(.index) .bx-wrapper img { height: auto; }*/

    /****************************************************
   - BOXES
****************************************************/
    .spot {
    list-style:none;
float:left;
  width:258px;
    margin:0;
    padding:30px 25px 50px 20px;
  background-color:#3F6182; /*fallback color if nothing else is chosen*/ 
    overflow:hidden;
  height:214px;
  position:relative;
  background-image:url("./gfx/spotborder.png");
  background-repeat:no-repeat;
  /*border-style: solid; border-width: 0px 0px 0px 1px;
  border-color:#3F6182;
  
  -moz-border-image: url(./gfx/spotborder.png) 0 0 0 1 repeat; 
  -webkit-border-image: url./gfx/spotborder.png) 0 0 0 1 repeat; 
  -o-border-image: url(./gfx/spotborder.png) 0 0 0 1 repeat; 
  border-image: url(./gfx/spotborder.png) 0 0 0 1 fill repeat;
  -ms-border-image: url(./gfx/spotborder.png)  0 0 0 1 fill repeat; Internet Explorer */
}
.spot:nth-of-type(1) {background-image:none;}

#spot-container {
    margin: 50px 0;
}
#spot-container p {
    color:#ffffff;
}



#forhandlerLogin {float:left; width:208px; margin-right:18px; background-color:#7f7f7f; height:214px; font-size:15px; position:relative;}

.forhandlerLabel {background-color:#3F6182; padding:0px 20px 0px 18px; line-height:34px; margin-bottom:4px; cursor:pointer;}
.forhandlerLabel p{margin:0px;}
.forhandlerLabel a {color:#FFFFFF;}
.forhandlerLabel a:hover, .forhandlerLabel a:active, .forhandlerLabel p:hover, .forhandlerLabel p:active {color:#EF7C00;}
#loginFormWrapper {padding:10px 20px; 10px; width:208px; height:138px;}
#loginFormWrapper input[type="text"], #loginFormWrapper input[type="password"], #nyhedsbrevTilmelding input[type="text"] { width:100%!important; height:24px; font-size:13px;}
#loginFormWrapper input[type="password"] { margin-top:5px;}
#loginFormWrapper input[type="submit"], #nyhedsbrevTilmelding input[type="submit"] { margin-top:5px; color:#FFFFFF; background:none; border-color:#bfbfbf; border-style:solid; border-width:1px; float:right; font-size:13px;}
#loginFormWrapper form label {line-height:30px;}
.spot .newsedit .newstext .spotLinkText p a {color:#FFF;}
.spotLinkText {position:absolute; right:20px; bottom:15px; font-style:italic; font-size:15px;}
#infoWrapper .spotLinkText p {display:-webkit-inline-flex;}
#infoWrapper .spot .newsedit a .newstext {}
.spotImage {position:absolute; left:20px; bottom:28px;}
.spotHeader h2{font-size:27px; color:#FFF;padding-right:10px;}
.spotNews a, .spotNews a:hover, .newsedit .spotHeader h2:hover {color:#FFF;}
#loginFormWrapper form label {font-size:12px;}
span#loginName {display:inline-block; width:100%; text-align:center; font-size:18px; font-style:italic;}
html body div#siteWrapper ul#infoWrapper div.spot table tbody tr td.newsedit a span.newstext{height:60px;overflow:hidden;position:absolute;top:105px;width:225px;}
/*Nyhedsbrev*/
#nyhedsbrevTilmelding{
  padding:10px 20px;
  position:absolute;
  top:0px;
  left:227px;
  width:215px; 
  height:195px;
  background-color:#7F7F7F;
  z-index:1; 
  -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
}
.nt-toggle{display:none;}
.forhandlerLabel ::selection {
	background: transparent; /* Safari */
	}
.forhandlerLabel ::-moz-selection {
	background: transparent; /* Firefox */
}

/****************************************************
   - FORMS
****************************************************/

input[type="text"] {width:100%;}
input[type="reset"] {display:none;}
input[type="submit"] {}
#defaultform label {padding-right:20px;}
#defaultform td {vertical-align:top;}

/****************************************************
   - NEWS
****************************************************/

.newsedit .h1:hover, .newsedit .h2:hover,.newsedit .h3:hover, .newsedit .h4:hover, .newsedit h1:hover, .newsedit h1:hover,.newsedit h2:hover, .newsedit h3:hover, .newsedit h4:hover{color:#EF7C00;}
.newsedit .h2 {}
/****************************************************
   - ECOM
****************************************************/






/**Produkt page**/

.produktPageBreak{margin-top:130px; display:none;}



.productGrid {list-style:none; display:table; padding-left:0px;}

.productGrid li {float:left; width:140px; margin-left:30px; margin-bottom:5px;}
/*.productGrid li a {display:table;}*/
.productGrid  li:nth-child(4n+1){margin-left:0px; clear:both;}


#productlistnavigation {clear:both;}
ul#grouplist {list-style:none; display:table;}
ul#grouplist li{float:left; width:33%; padding-left:10px; }
ul#grouplist li:nth-child(3n+1){padding-left:0px;}
ul#grouplist li p {}
ul#grouplist li a h3{color:#000000; text-align:center;}
ul#grouplist li a img{clear:both; width:100%; height:100%;}

.ecomGroupName{min-height:40px;display:block;text-align:center;}


/**ProductPage**/

img.topBannerImage{width:960px; height:130px; position: absolute; left:-170px; top:-130px;}

#productNameAndImage{float:left; padding-bottom:40px; padding-right:40px;}
#productdescription{clear:both; float:left;}



#center2ColumnWrapper #centerColumn #productlist.productGrid li h3 {width:149px; height:81px; display:table-cell; vertical-align:bottom; font-size:17px; line-height:23px;}

#productlist.productGrid .shortdescription{display:block; word-wrap: break-word; font-size:12px; line-height:14px;padding-top:8px;}

#productlist.productGrid .shortdescription table{font-size:10px; line-height:11px;width:100%;}

.shortdescription table tbody tr td:last-child{min-width:50px;text-align:right;}
.shortdescription table tbody tr td{white-space:nowrap;}
#productlist.productGrid .EcomImageSmall {margin-top:8px;}


#productVariants{display:inline-block;}
#productlist.productGrid #productVariants {padding-top:5px;}
#productdetails .vo, #productlist .vo{width:20px;height:20px;background-color:#d6d6d6;margin-left:2px;float:left;}
#productdetails .selected, #productlist .selected{background-color:yellow;}
.von{float:left}
.volcontainer{display:table; margin-bottom:5px; margin-top:5px;}
.vol{display:table; list-style:none; padding-left:0px;clear:both;}
.vol li:nth-child(4n+1){clear:none;}
/** GROUP LIST **/

.ecom > ul#grouplist li {
  	display:inline-block;
  	float:left;
}

.ecom > ul#grouplist li a, .ecom > ul#productlist li a {
	display: block;
}
.ecom > ul#grouplist {
	width:100%;
}

ul.GroupListGrid {
    width:100%;

}

ul.GroupListGrid li a {
    text-decoration: none;
    outline: none;
    color: #000000;
}

ul.GroupListGrid li {
    width: 100%;
    margin-left: 0px;
    /*border-bottom-style:solid;
    border-bottom-width:1px;*/
    margin-bottom: 20px;
    padding-bottom: 20px;
    border: 1px solid;
    padding-left: 10px;
    padding-top: 20px;
    transition: all 0.2s;
}

    ul.GroupListGrid li:hover {
        transform: translateY(-5px);
        cursor:pointer;
    }

    .groupImage {
        padding-right:0px;
    }

   

/*ul.GroupListGrid li:first-child{padding-top:20px; border-top-style:solid; border-top-width:1px;}*/
ul.GroupListGrid li .ecomGroupName{float:left; font-size:24px;line-height:34px;}
ul.GroupListGrid li img {height:100px; float:left;}
ul.GroupListGrid li div.groupText, ul.GroupListGrid li div.groupImage{display:table; float:left;}
ul.GroupListGrid li div.groupText{padding-left:20px; max-width:540px;}
ul.GroupListGrid li p {float:left;}
ul.GroupListGrid li a{}


/** PRODUCT LIST GENEREL **/

.ecom > ul#productlist, .ecom > ul#grouplist {
  	list-style:none;
  	padding:0px 0px;
}

.ecom > ul#productlist li {
  	display:block;
  	float:left;
}

.ecom > ul#productlist li h4 {
	margin-bottom:5px;
}


/** Sinks **/
.sinkList{clear:both;display:table;margin-top:5px;cursor:pointer;}
.sinkList .sink{float:left; height:14px;background-color:#221f1f;margin-left:2px; margin-top:2px;}

.sinkList .sinkSTD_1{width:20px; background-image:url("https://pfp.dk/Files/Images/Produkter/vaske_ikoner/UL.jpg");}
.sinkList .sinkSTD_2{width:20px; background-image:url("https://pfp.dk/Files/Images/Produkter/vaske_ikoner/UM.jpg");}
.sinkList .sinkSTD_3{width:20px; background-image:url("https://pfp.dk/Files/Images/Produkter/vaske_ikoner/PK.jpg");}
.sinkList .sinkSTD_4{width:20px; background-image:url("https://pfp.dk/Files/Images/Produkter/vaske_ikoner/UC.jpg");}
.sinkList .sinkSTD_5{width:25px; background-image:url("https://pfp.dk/Files/Images/Produkter/vaske_ikoner/UFC.jpg");}
.sinkList .sinkSTD_6{width:20px; background-image:url("https://pfp.dk/Files/Images/Produkter/vaske_ikoner/PC.jpg");}
.sinkList .sinkSTD_7{width:25px; background-image:url("https://pfp.dk/Files/Images/Produkter/vaske_ikoner/UGK.jpg");}
.sinkList .sinkSTD_8{width:31px; background-image:url("https://pfp.dk/Files/Images/Produkter/vaske_ikoner/UFGK.jpg");}
.sinkList .sinkSTD_9{width:25px; background-image:url("https://pfp.dk/Files/Images/Produkter/vaske_ikoner/PGK.jpg");}
.sinkList .sinkSTD_none{background-image:none;}
/** PRODUCT LIST SHOP  **/

.ecom.shop > ul#productlist li {
  	display:block;
  	width:100%;
  	padding-left:0px;
  	border-bottom: 1px dotted #EDDBBC;
  	padding: 20px 0px;
}

.ecom.shop > ul#productlist li:first-child{
	padding-top:0px;
}

.ecom.shop > ul#productlist li .product-image {
	width:23%;
}

.ecom.shop > ul#productlist li .product-image a img {
	width:100%;
}

.ecom.shop > ul#productlist li .productContent {
  	padding-left:10px;
  	width:44%;
}
.ecom.shop > ul#productlist li .productContent.no-image {
  	width:67%;
}

.ecom.shop > ul#productlist li .productDetails{
	width:31%;
  	padding-left:10px;
}
.ecom.shop > ul#productlist li .productContent, .ecom.shop > ul#productlist li .productDetails, .ecom.shop > ul#productlist li .product-image{
	float:left;
  	display:block;
}

.ecom.shop > ul#productlist li .productDetails a.btn{
	width:100%;
  	margin-top:15px;
  	color:#FFFFFF;
}

.ecom.shop > ul#productlist li .productContent a {
	color:#428BCA;	
}
.ecom.shop > ul#productlist li .productContent a:hover{
	color:#EF7C00;
}

/** PRODUCT DETAILS **/

.ecom.productDetails .productImage{
	float:right;
  	padding: 0px 30px;
}



.ecom.productDetails .productQuantity {
	width:25px;
  	margin-right:15px;
}

.ecom.productDetails .productAddToCart {
	margin-top:20px;
  	float:right;
}
.ecom.productDetails .productPrice {
  	font-weight:bold;
  	margin-bottom:10px;
}

/** SMALL CART BOX **/

#cart1 {
	background:#3F6182;
  	color:#FFFFFF;
  	border-radius:7px;
  	padding:7px 4px 7px 7px;
  	border: 1px solid #EF7C00;
  	font-size:12px;
}

#cart1 img, #cart1 h4{
	float:left;
}

#cart1 h4 {
	margin-left:4px;
  	line-height:32px;
  	font-size:14px;
}
#cart1 .cartContent {
	clear:both;
  padding-top:5px;
}

#cart1 .cartFunctions {
	padding-top:7px;
}
#cart1 .cartFunctions a {
  	color:#EF7C00;
}
.btn.btn-primary{
	color:#FFFFFF;
}


html body div#siteWrapper div#contentWrapper div#center2ColumnWrapper div#centerColumn ul.productGrid li div.groupText{width:100%;}


/**Produkt indholds tabel**/
html body div#siteWrapper div#contentWrapper div#center2ColumnWrapper div#centerColumn ul.productGrid li div.groupText table tbody tr td img{height:50px;}


.productGrid li a img{max-width:140px;height:auto;}

/****************************************************
   - ECOM KURV/BASKET
****************************************************/

.ecom.basket h3 input[type=submit].btn {
	float:right;
  	margin-right:8px;
}

.ecom.basket legend h3 {
	height:35px;
}

.ecom.basket .cart-cell-wrapper ul, .ecom.basket .cart-cell-fee-value ul {
	list-style-type:none;
  	padding:0px 0px;
}


.ecom.customer input[type=submit].btn-primary {
	float:right;
  	width:100px;
}

.ecom.customer fieldset, .ecom.receipt fieldset {
	margin: 15px 0px;
}

.ecom.customer #conditionsDescription {
	display:none;
}

.ecom.customer .conditionsLink {
	cursor:pointer;
  	color: #EF7C00;
}

.ecom.receipt .basketheader {
	font-weight:bold;
}


.ecom.receipt .total {
	border-bottom: 1px dotted #000000;
  	border-top: 1px dotted #000000;
}



/****************************************************
   - ECOM KURV/BASKET - KUNDE INFORMATION
****************************************************/
.ecom.customer input, .ecom.customer select, .ecom.customer textarea {
	width: 175px;
}

.ecom.customer dt {
	width:125px;
}


/****************************************************
   - ECOM V2
****************************************************/

.product-details > div:nth-child(2) .nav-tabs li a {
    padding-left: 15px;
    padding-right: 15px;
    
}

.product-details .btn {
    border-radius: 0px;
    background-color: #ef7c00;
    border-color: #ef7c00;
    color: #fff;
    border-radius: 0;
}

    .product-details .btn:hover {
        background-color: #de7401;
        border-color: #de7401;
    }

.product-stock-number {
    margin:10px 0;
}

.product-header {
    padding-left:0px;
}

.tab-content {
    margin-top:10px;
}

.product-price {
    color: #333;
    font-size: 20px;
    line-height: 1;
    margin: 15px 0;
}

.product-stock-status {
    padding-left:0px;
    
}
.product-stock-status .glyphicon-ok {
    color: #008000;
    margin-right: 5px;
}

.cart-prices-item-block > div:first-child {
    float: left;
}
.cart-prices-item-block > div {
    float: right;
}

.cart-prices-item-block {
    margin-bottom: 15px;
}

.cart-btn-container .btn-default {
    background-color: #ef7c00;
    border-color: #ef7c00;
    color: #FFF;
    border-radius: 0px;
}

    .cart-btn-container .btn-default:hover {
        background-color: #de7401;
        border-color: #de7401;
        color: #FFF;
        border-radius: 0px;
    }


.orderline-quantity .orderline-product-quantity {
    height: 28px;
    width: 34px !important;
    text-align: center;
    float:none;
    padding-left: 0;
    padding-right: 0;
    background-color:#FFF;
 
}
.cart-orderlines-block td.orderline-quantity, .cart-orderlines-block th.orderline-quantity {
    text-align: center;
}
.btn-default {
    border-radius: 0px;
}

.cart-orderlines-block .input-group button.btn-default {
    width: 34px !important;
    padding-left: 0;
    padding-right: 0;
    display:inline-block;
    
}

.orderline-quantity .input-group-btn {
    text-align:center;
    display:inline-block;
}

/**  cart steps **/
.cart-step-block[data-step="1"] .step-1 {
    background-color: #565655;
    color: #fff;
}

.cart-step-block[data-step="2"] .step-1 {
    background-color: #d5d5d5;
    color: #969695;
}

.cart-step-block[data-step="2"] .step-2 {
    background-color: #565655;
    color: #fff;
}

.cart-step-block[data-step="3"] .step-1, .cart-step-block[data-step="3"] .step-2 {
    background-color: #d5d5d5;
    color: #969695;
}

.cart-step-block[data-step="3"] .step-3 {
    background-color: #565655;
    color: #fff;
}

.cart-step-item-block > div {
    padding: 9px;
    border: 1px solid #e0e0e0;
}

.cart-step-item-block .far, .cart-step-item-block .fas {
    float: right;
    margin-left: 10px;
    width: 35px;
    height: 35px;
    color: #8b8d8e;
    border: 2px dashed #8b8d8e;
    font-size: 15px;
    line-height: 31px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 4px;
}

.cart-step-item-block > div h2 {
    margin: 0;
    font-size: 18px !important;
}

.cart-step-block[data-step="1"] .step-1 .fa {
    color: #fff;
    border-color: #fff;
}

.cart-step-block[data-step="2"] .step-2 .fa {
    color: #fff;
    border-color: #fff;
}

.cart-step-block[data-step="3"] .step-3 .fa {
    color: #fff;
    border-color: #fff;
}

.cart-step-block[data-step="4"] .step-4 .fa {
    color: #fff;
    border-color: #fff;
}

.cart-step-item-block > div h2 small {
    color: inherit;
}

.cart-step-block[data-step="2"] .step-1 .fa {
    color: #3c763d;
    border-color: #3c763d;
    border-style: solid;
}

.cart-step-block[data-step="2"] .step-1 .fa:before {
    content: "";
}

.cart-step-block[data-step="3"] .step-2 .fa {
    color: #3c763d;
    border-color: #3c763d;
    border-style: solid;
}

.cart-step-block[data-step="3"] .step-2 .fa:before {
     content: "\f00c";
}

.cart-step-block[data-step="3"] .step-1 .fa, .cart-step-block[data-step="3"] .step-2 .fa {
    color: #3c763d;
    border-color: #3c763d;
    border-style: solid;
}

.cart-step-block[data-step="3"] .step-1 .fa, .cart-step-block[data-step="3"] .step-2 .fa:before {
     content: "\f00c";
}

.cart-step-block[data-step="3"] .step-1 .fa, .cart-step-block[data-step="3"] .step-1 .fa:before {
    content: "\f00c";
}



@media screen and (min-width: 992px) {
    .cart-step-item-block > div {
        min-height: 110px;
    }
}

.cart-btn-container div {
    padding-left:0px;
    padding-right:0px;
}



.cart-btn-container div:nth-child(2) button {
    float:right;
}

.cart-btn-container {
    margin-top:20px;
}

.product-list s, .product-details s {
    font-size: 70%;
    color: #999999;
}


/* =============================================================================
   Medarbejder boks CSS
   ========================================================================== */

.employee {
  width:50%;
  float:left;
  padding: 0 12px;
  line-height:18px;
  font-size:15px;
  margin-bottom:30px;
  
}

.employee p{
  margin:0;
  
}

.employeeName{
  
  font-size: 18px;
  font-weight: bold; 

}

.employeeImage{padding-bottom:10px;}

.employeeImage img{
  max-width:195px;
  max-height:200px;
}

.employeeTitle{
  font-style: italic;
  color:#717171;
  font-size: 14px;
  line-height:15px;
  margin-bottom:10px;
  margin-top:5px;
  
}

.employee:nth-child(2n+2){padding-right:0px;}
.employee:nth-child(2n+1){clear:both; padding-left:0px;}


/****************************************************
   - SlideBars
****************************************************/

.sb-slidebar{
 background-color:#383838;
}

.nav-btn {
    color: #4F4E49;
    float: left;
    font-size: 20px;
    outline: medium none;
    padding: 5px 10px;
}
#nav-open-btn {
    border: 1px solid #767676;
    border-radius: 3px;
    padding: 5px 10px 0;
}

.caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #666666;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}
.dropdown .caret {
    margin-left: 2px;
    margin-top: 8px;
}

#mainmenu > .dropdown > ul.dropdown-menu > .dropdown a .caret{
  display:none;
}

#rightSlideBar{
  z-index:10;
}

#rightSlideBar .caret {
    border-bottom-color: #DDDDDD;
    border-top-color: #DDDDDD;
}

#rightSlideBar ul {
    margin: 0px;
  padding:0px;
  width:100%;
}
#rightSlideBar ul:before, #rightSlideBar ul:after {
    content: "";
    display: table;
}
#rightSlideBar ul:after {
    clear: both;
}
#rightSlideBar li {
    display: block;
    margin: 0;
    position: relative;
  
}
#rightSlideBar li a, #rightSlideBar .dropdown button {
    background: linear-gradient(to bottom, #3E3E3E, #383838) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #2E2E2E;
    border-top: 1px solid #484848;
    color: #DDDDDD;
    display: block;
    font-weight: bold;
    line-height: 1.28571em;
    outline: medium none;
    padding: 0.85714em 1.7em;
    text-decoration: none;
  	border-left:none;
  border-right:none;
  text-align:left;
}
#rightSlideBar li a:focus {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
}
#rightSlideBar .dropdown-menu {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    display: block !important;
    float: none;
    height: auto;
    left: auto;
    max-height: 0;
    max-width: none;
    overflow: hidden;
    padding: 0;
    position: static;
    top: auto;
    transition: max-height 0.6s ease-in 0s;
}
#rightSlideBar .open > .dropdown-menu {
    max-height: 50em !important;
}
#rightSlideBar .dropdown-menu li > a {
    padding-left: 2.8em;
  width:100%;
}
.navSlideButton{position:fixed; display:table;z-index:999999;left:-20px; top:0px;}
.navSlideButton.rightSlideButton{left:inherit;right:0px;}

.sb-toggle-left {
    padding: 14px;
    width: 25px;
  	background-color:#383838;
	float:left;
  	top:0px;
  	
  
}
.sb-toggle-right {
    float: right;
    padding: 14px;
    width: 25px;
    background-color:#383838;
}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
    cursor: pointer;
}
.navicon-text{
  color:#FFF;
  width:32px;
  font-size:11px;
}
.navicon-line {
    background-color: #FFFFFF;
    border-radius: 1px;
    height: 4px;
    margin-bottom: 3px;
    width: 32px;
}


    

#rightSlideBar, #rightSlideBar a{color:#FFF}

.sb-toggle-left, .sb-toggle-right{display:none;}


/****************************************************
   - MISC
****************************************************/
.arrow {color:#EF7C00; float:right;}
.backButton {
    width:123px;
    height:35px;background-image:url("./gfx/tilbage_knap.png");
    background-repeat:no-repeat;
    cursor:pointer;
    float:right;
    margin-top:10px;
    margin-bottom:10px;

}

#spot-container {
    display: flex;
    flex-wrap: wrap;
}

#spot-container .card {
    height:100%;
    
}

#spot-container .panel-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom:15px;
    
}

.panel-wrapper > div {
    transition: all 0.2s;
}

.panel-wrapper > div:hover {
    transform: translateY(-5px);
}

    /*#spot-container .card::after {
        content: '';
        display: block;
        width: 0;
        height: 4px;
        background: #EF7C00;
        transition: width .5s;
    }
    #spot-container .card:hover::after {
        width: 100%;
        
    }*/   



.card-footer {
    margin-right:15px;
}

#spot-container .card {
    flex-direction: column;
    display: flex;
    flex: 1;
    position: relative;
}



#spot-container .card-block {
    flex-grow:3;
    padding:15px;
}

#spot-container .card-block h3 {
    font-weight:bold;
}

#spot-container .card-footer {
    align-self: flex-end;
}

#spot-container .card-footer p {
    margin-bottom:15px;
}

.pdf-grid-row {
    display: flex;
    flex-wrap: wrap;
}

.pdf-grid .card {
    flex-direction: column;
    display: flex;
    flex: 1;
    position: relative;
    height: 100%;
    
}

.pdf-grid .card img {
    flex-grow:1;
    width:100%;
}



.pdf-grid > div  {
    transition: all 0.2s;
}

.pdf-grid > div:hover {
    transform:translateY(-5px);
}
    

.pdf-grid .card-footer {
    align-self: flex-end;
}

.pdf-grid {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.pdf-grid .card-block {
    padding: 15px;
    display: flex;
    color: #FFFFFF;
    flex: 1;
}

    .pdf-grid .card-block h4 {
        flex-grow:2;
    }

    .pdf-grid .card-block span {
        
        margin-left:5px;
        font-size:24px;
    }

/*.pdf-grid .card::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: #EF7C00;
    transition: width .5s;
}

.pdf-grid .card:hover::after {
    width: 100%;
}*/

/****************************************************
   - Product Catalogue grid
****************************************************/


.product-grid .no-light {
    width: 90%;
    align-self: center;
    flex: 0 1;
    text-align: center;
}

.product-grid .lightBoxGallery {
    /*width: 90%;
    align-self: center;
    flex: 0 1;
    text-align:center;*/
    height:100%;
}

.product-grid .img-wrapper {
    /*width: 90%;
    align-self: center;
    flex: 0 1;
    text-align: center;*/
    padding: 0 10px;
}

.product-grid .img-wrapper img {
    width: 100%;
    
}

.product-grid .lightBoxGallery img {
    /*width: 100%;*/
    /*border: 1px solid #000000;*/
}

.product-grid .no-light img {
    width: 100%;
    /*border: 1px solid #000000;*/
}

.product-grid {
    margin-bottom: 15px;
    color:#000;
}

.product-grid-row {
    display: flex;
    flex-wrap: wrap;
}

.product-grid .card {
    flex-direction: column;
    display: flex;
    flex: 1;
    position: relative;
    height: 100%;
}

.product-grid > div {
    transition: all 0.2s;
    border: 1px solid #3f6182;
    height:100%;
}

.product-grid > div:hover {
    transform: translateY(-5px);
}


.product-grid .card-footer {
    align-self: flex-end;
}

.product-grid {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.product-grid .card-block {
    padding: 5px 10px 10px 10px;
    flex: 1 0;
    color: #FFFFFF;
        
    /*height:100%;*/
}
    .product-grid .vo, #productlist .vo {
        width: 20px;
        height: 20px;
        background-color: #d6d6d6;
        margin-left: 2px;
        float: left;
    }

.product-grid .selected, #productlist .selected {
    background-color: yellow;
}

.product-grid .von.haardhed {
    color:#000000;
}

.product-grid .card-block .shortdescription {
    word-wrap: break-word;
    font-size: 12px;
    line-height: 14px;
    padding-top: 8px;
    width: 100%;
}

.product-grid .card-block {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

    .product-grid .card-block table {
        margin-top:10px;

        color: #000000;
        font-size: 10px;
        line-height: 11px;
        width: 100%;
    }


.product-grid .card-block p {
    color:#000000;
    margin-bottom:2px;
}
.product-grid .card-block h5, .product-grid .card a h4 {
    flex: 0 100%;
    color: #000000;
    
}
.product-grid .card-header {
    padding: 5px 10px;
    min-height: 45px;
    margin-bottom: 10px;
}

.data-text-40 {
    flex: 0 40%;
    font-size: 12px;
}

.data-text-60 {
    flex: 0 60%;
    font-size: 12px;
    text-align: right;
}

.container #centerColumn #productlist li > h3 {
    width: 149px;
    height: 81px;
    display: table-cell;
    vertical-align: bottom;
    font-size: 17px;
    line-height: 23px;
}

/****************************************************
   - RESPONSIVE CSS
****************************************************/
@media screen and (min-width: 1200px) {
    #center1ColumnWrapper, #center2ColumnWrapper, #center3ColumnWrapper{} 
}


@media screen and (max-width: 979px){ 
#siteWrapper, .siteWrapper {width:100%; margin:0; }
  #top {width:100%; margin:0; }
  #menu {width:100%; margin:0; }
  #footer {width:100%; margin:0; }
  #siteMap{width:100%;}
  #siteMapWrapper{width:100%;}
 #infoWrapper li:nth-child(4n+1) {margin-left:20px;}
 #center1ColumnWrapper {width:960px; padding-left:25px;}
  #bgimg{display:none;}
  #leftColumnWrapper{width:19%;}
  #center2ColumnWrapper{width:81%;}
}

@media screen and (max-width: 900px){ 
  .productGrid li:nth-child(4n+1){
    clear:none;
    margin-left:30px;
  }
  .productGrid li:nth-child(3n+1){
    clear:both;
    margin-left:0px;
  }
}


@media screen and (max-width: 767px){ 
  #menuWrapper{display:none;}
  #menuWrapper div#menu.navbar div.navbar-collapse ul#mainmenu.nav li.dropdown a {padding-left:40px;}
  #search{float:left; margin-left:10px;}
  #center2ColumnWrapper {width:600px;}
  #rightColumnWrapper{width:100%; padding:0px;}  
  #leftColumnWrapper{width:100%; padding:0px; text-align:center;} 
  #centerColumn{width:100%;}
  .cookieInformation{display:none;}
  #menuWrapper{width:100%;}
  #sliderFrame{width:100%;}
  #contentWrapperFrontpage{display:inherit; width:100%;}
  #sliderFrame div.bx-wrapper div.bx-viewport ul#bxslider.bxslider li.sliderItem img{height:100%; width:100%;}
    #sliderFrame div.bx-wrapper div.bx-viewport ul#bxslider.bxslider li.sliderItem div.bx-caption{top:0px;}
  #sliderFrame div.bx-wrapper div.bx-viewport ul#bxslider.bxslider li.sliderItem div.bx-statement{display:none;}
  div#serviceMenuWrapper{width:100%;}
  .sideColumnWrapper{width:100%;}
  .sb-toggle-left, .sb-toggle-right{
    display:inherit;
  }
  #wrap, .leftnav, #serviceMenuWrapper .dropdown button, div#serviceMenuWrapper{
    display:none;
  }
}

@media screen and (max-width: 598px){ 
  #infoWrapper .spot:nth-child(2n+1){margin-left:0;}
  #infoWrapper .spot:nth-child(2n+2){float:right;}
  .bx-controls-direction{display:none;}
    #MemberOf{padding:0px;}
  #centerColumn{width:100%;}
    #center2ColumnWrapper {width:100%;}
}


@media screen and (max-width: 525px){ 
  .productGrid li:nth-child(3n+1){
    clear:none;
    margin-left:30px;
  }
  .productGrid li:nth-child(2n+1){
    clear:both;
    margin-left:0px;
  }
}

@media screen and (max-width: 470px){
 #infoWrapper .spot{width:100%; margin-left:0px;}
    #top{display:table;}
    #top div#serviceMenuWrapper{float:left;}
  #center3ColumnWrapper {width:100% }

}

@media screen and (max-width: 390px){ 
  .productGrid li:nth-child(2n+1){
    clear:none;
    margin-left:30px;
  }
  .productGrid li:nth-child(1n+1){
    clear:both;
    margin-left:0px;
  }
  #center2ColumnWrapper #centerColumn #productlist.productGrid li h3{
    height:inherit;
    padding-top:10px;
  }
  #leftColumn{
    padding-top:0px;
  }
}

@media screen and (max-width: 250px){ 

}

/****************************************************
   - PRINT
****************************************************/


@media print {
 
  body * {
    visibility:hidden !important;
 }
 .siteLogo * {
  visibility:visible !important;
  position:absolute !important;
 }

 #MainContent, #MainContent * {
  visibility:visible !important;

 }

 #MainContent {
  position:absolute !important;
  left:40px !important;
  margin-top:-180px !important;

 }
 #footerMenu-wrapper {
  display:none !important;
 }


  a[href]:after {
    content: none !important;
  }
 
}
