/* $Id: MyStyle.css 2864 2008-11-03 06:39:01Z martin $ */
/* Stilmall f�r anpassing av butikens utseende  */

/*Inga extra mallar/designeditor �t Elbutik*/

/*@import url(/__SYS__/TEMPLATE_CSS/general.css);
@import url(/__SYS__/TEMPLATE_CSS/template4.css);*/


/*Responsive code is in rs-responsive.scss*/

/* Here you can put your own changes */

@media only screen and (max-width: 779px) {
    main.contenthalf {
    padding: 1.9em 1.5em 0 1.5em !important;
}
}

@media only screen and (max-width: 1025px) {
    main.contenthalf {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2em 2.5em 0 2.5em;
    }
}

@media only screen and (max-width:480px) {
    main {
        padding: 0.7em 0.7em 0 0.7em;
        float:left; 
    }
}

@media only screen and (min-width:481px) and (max-width: 779px) {
    main {
        padding: 1.5em 1.5em 0 1.5em;
        float:left; 
    }
}

@media only screen and (min-width:780px) {
    main {
        padding: 2em 2.5em 0 2.5em;
        float:left; 
    }
}

main.content-padding {
    padding: 0; 
    width: 100%;
}

div.error {
    background-color: #C00;
    color: #fff;
    font-size: 13px;
    padding: 10px 15px;
    margin: 12px 0 5px 0;
}

.color-white {color: #fff !important; display: inline;}
.color-white a, .color-white a:visited {color: #fff !important;}

/* Headers and text columns
------------------------------------------------------------------------------------------------------------------------------*/ 

header {
    margin: 0em 0 0.5em 0 ;
    padding-bottom:0.5em;
}

@media only screen and (min-width: 900px) {
    div.three_rows section {
        width: 32%;
        float:left;
        padding-right:2%;   
    }
}

div.four_rows {
    float:left;
    width:23%;
    padding-right:2.5%; 
}

div.four_rows section.last_row {
    padding-right: 0 !important;    
}

div.four_rows header {
    text-transform: uppercase;
    color:#8e918f;
    text-align:center;
}

div.four_rows header  {
  line-height: 0.5;
  text-align: center;
  overflow:hidden;
}

div.four_rows header h3 {
  display: inline-block;
  position: relative;
  font-size:14px;
  color: #8e918f;  
}

div.four_rows header h3:before,
div.four_rows header h3:after {
  content: "";
  position: absolute;
  border-top: 2px solid #eaeaea;
  top: 10px;
  width: 100%;
}

div.four_rows header h3:before {
  right: 100%;
  margin-right: 15px;
}

div.four_rows header h3:after {
  left: 100%;
  margin-left: 15px;
}

@media only screen and (max-width:480px) {
    div.four_rows {
        display:none;   
    }
}

@media only screen and (max-width: 915px) {
    div.hide_small_rows {
        display:none;   
    }
    
    div.four_rows {
        float:left;
        width:48%;
        padding-right:2.5%; 
    }
}

.pagetop .contact_info_top_wrapper{
    width: 65%;
}
.pagetop-center-content{
    color: #000;
    margin-top: 5px;
    margin-left: 35%;
    margin-bottom: 10px;
}
@media screen and (max-width: 1200px){
    .pagetop-center-content{
        margin-left: 25%;
    }
}
.pagetop-center-content .usp{
    margin-left: 15px;
    display: inline;
    font-size: 14px;
    font-weight: 700;
}
/* Tables
------------------------------------------------------------------------------------------------------------------------------*/ 

table {
    width: 100%;    
}

table input.falt {
    color:#707070;  
}

legend {
    border-bottom: 1px solid #eaeaea;
    font-weight: bold;
    padding-bottom: 8px;
    position: relative;
    text-transform: uppercase;
    font-size:16px;
    color: #707070;
    width:100%;
    margin-bottom:10px;
}

legend:after{
    background-color: #fa6964;
    bottom: -1px;
    content: " ";
    height: 1px;
    left: 20px;
    position: absolute;
    width: 50px;
}

table.twocol td {
    width: 47%; 
}

@media only screen and (max-width: 688px) {
table.twocol td {
    width: 100%;
    display:block;  
}
}

td.customer_firstrow {
    padding-right: 6%;  
}

table select {
    height: 40px;
    line-height:40px;
    padding: 0 10px;
    vertical-align:middle;
    width:100%;
    background-color:#F6F6F6;
    color:#707070; 
    border-radius: 5px;
    border:solid 1px #bebebe;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px
}

table textarea {
    width: 100%;
    font-size:13px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    background-color:#F6F6F6;
    color:#707070;  
    
    border:solid 1px #dddddd;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px
}

/* rightRail
------------------------------------------------------------------------------------------------------------------------------*/ 

aside.rightRail {
    float:right;
    width:20%;
    padding: 1.5em 2.5em 0 0;
}

@media only screen and (max-width: 1025px) {
    aside.rightRail {
        display:none;
    }
}

aside.rightRail img{
    width: 100%;
    height:auto;    
}



/* Header gasell
------------------------------------------------------------------------------------------------------------------------------*/ 
.header-gasell {
    float: left;
    width: 60px;
    margin: -10px 0 0 0;    
}

.header-gasell img {
    max-width: 100%;
}

@media only screen and (max-width:1180px) {
    .header-gasell {
        display:  none;
    }
}


/* Banners special
------------------------------------------------------------------------------------------------------------------------------*/

.banners_special_wrapper {
    width: 33.3%;
    margin-right:-1px;
    height:auto;
    float:left;
}

.banners_special_wrapper img {
    max-width: 100%;
    height: auto;    
}

@media only screen and (max-width: 688px) { 
    div.banners_special_wrapper {
        display:none;   
    }
}


/* Product page
------------------------------------------------------------------------------------------------------------------------------*/
.pg-product div.HorizontalContainer.level2 div.VerticalContainer {
    overflow: inherit;
}


.eb-productdetail-left {
    width: 66% !important;
}
.eb-productdetail-right {
    width: 30% !important;
}
.eb-product-banners img {
    width: 100%;
}
@media only screen and (max-width:920px) {
    .eb-productdetail-right {
        display: none;
    }
    .eb-productdetail-left {
        width: 100% !important;
    }
}
div.level3 div.VerticalContainer {
    margin: 0 !important;
}

div.VerticalContainer .HorizontalContainer .product_images_col {
    width: 43% !important;
    padding: 0 3% 0 0;
}

@media only screen and (max-width:920px) {
    div.VerticalContainer .HorizontalContainer .product_images_col {    
        width: 42% !important;  
    }
}

@media only screen and (max-width:700px) {
    div.VerticalContainer .HorizontalContainer .product_images_col {    
        width: 100% !important;
        text-align: center !important;
        float: none !important;
        padding: 0; 
    }   
}

div.VerticalContainer .HorizontalContainer .product_info_col {
    width: 48% !important;
    padding: 0 3% 0 0;  
}

@media only screen and (max-width:920px) {
    div.VerticalContainer .HorizontalContainer .product_info_col {
        width: 43% !important;
        padding: 0 3% 0 0;  
    }
}

@media only screen and (max-width:100px) {
    div.VerticalContainer .HorizontalContainer .product_info_col {
        width: 50% !important;
        padding: 0;
        float: right;
    }
}

@media only screen and (max-width:700px) {
    div.VerticalContainer .HorizontalContainer .product_info_col {
        width: 100% !important;
        padding: 0;
        float: none !important;
    }
}

div.product-v2-variant-price-wrapper td.stafflade_qty {
    text-align: left;
    width: 10%;
}

div.product-v2-variant-stock {
    width: auto !important;
    float: none !important;
    padding: 0 0 0 4px; 
}

div.product-v2-variant-stock span{
    color: #27a34c !important;
}

div.product-v2-artnr {
    float: left !important;
    width: auto !important;
}

@media only screen and (max-width:700px) {
    div.product-v2-description img{
        width: 100%;
        height: auto;
    }
}

div.product-v2-grouping-info th {
    display: none;
}

a.product-v2-qty-minus,
a.product-v2-qty-plus {
    float:left;
    color: #f6f6f6;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    padding: 0 12px;
    text-transform:uppercase;
    background-image:url(/images/button_bg.jpg);
    background-repeat: repeat-x;
    background-color: rgba(0, 0, 0, 0.87);
    height:47px;
    line-height:47px;
    text-decoration: none;
}

div.product-v2-variant-qty input {
    width: 100px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    margin: 0px 5px; 
    float:left;
}

div.product-v2-variant-buybutton div.button input.button {
    height: 47px;
    line-height: 47px;
    /*background: url(/images/product-button-bg.jpg) repeat-x;*/
    padding: 0 20px 0 20px;
}


div.VerticalContainer .HorizontalContainer .product_related_col {
    width: 25% !important;  
}

div.product_tabs {
    width: 63% !important;  
}

@media only screen and (max-width:980px) {
    div.product_tabs {
        width: 100% !important;
    }
}

div.product_banners {
    width: 32% !important;
    float: right !important;
    padding: 32px 0 0 0 !important; 
}

@media only screen and (max-width:980px) {
    div.product_banners {
        width: 100% !important;
        float: none !important; 
    }
}

@media only screen and (max-width:600px) {
    div.product_banners {
        display: none !important;
    }
}

    div.product-v2-relatedart_container {
        border:none;
    }
   

div.video-container table.product-v2-attribute th {
    display:none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    color:#FFF;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.product-banner img {
    width: 100%;
    min-width: 100%;
    margin: -1px 0 0 0; 
}

.energy-label-info {
    display: none;
    position: absolute;
    top: 30px;
    width: 250px;
    padding: 10px;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    border: 1px solid #dadada;
    background-color: #fff;
    z-index: 1;
}

@media only screen and (max-width:600px) {
    .energy-label-info {
        width: 200px;
    }
}

.product-rested-border-none {
    border: none;
}


/* Customer login
------------------------------------------------------------------------------------------------------------------------------*/

#login-box input.buttonloggain {
    margin-top: 10px;
    float:right;    
}

fieldset#login-box {
    width:47%;
    float:left;
    margin:15px 6% 15px 0;  
}

fieldset#forgot-password-box {
    width:47%;
    float:left;
    margin-top: 15px;
}

fieldset#forgot-password-box input.buttonloggain {
    float:right;
    margin-top:10px;    
}

div.customer_new_wrapper {
    width: 47%; 
}

div.customer_new_wrapper label.inline {
    margin-right: 2%;   
}

div.customer_new_wrapper input#password1 {
    margin-bottom: 12px;    
}

div.customer_new_wrapper input.buttonnykund {
    margin-top: 10px;
    float:right;    
}

div.customer_new_wrapper fieldset#newcustomer-box {
    margin-top: 15px;   
}

@media only screen and (max-width: 688px) {
fieldset#login-box {
    width:100%;
}

fieldset#forgot-password-box {
    width:100%;
}

div.customer_new_wrapper {
    width:100%;
}

div.customer_wrapper hr {
    background-color:#fff !important;   
}
}

table.order_return_list {
    width: 350px !important;
}


/* Customer logged in
------------------------------------------------------------------------------------------------------------------------------*/

div.customer_wrapper div.customer_info_block {
    float:left;
    /*width:auto !important;*/
    margin-top:15px;    
}


div.customer_wrapper div.HorizontalContainer.level2 div.VerticalContainer {
    margin-right: 2%;
    padding-right:2%;
    border-right: 1px solid #eaeaea;
}

div.customer_wrapper div.VerticalContainer div.last {
    border:none !important;
}

div.customer_info_block {
    width: 35% !important;  
}

div.customer_orders_block {
    width: 60% !important;
    margin-top:15px;        
}

div.customer_orders_block th {
    border-bottom: 1px solid #eaeaea;
    vertical-align:middle;
    padding: 0 0 10px 0;
}

div.customer_orders_block td {
    border-bottom: 1px solid #eaeaea;
    vertical-align:middle;
    padding: 10px 0;
}

@media only screen and (max-width: 779px) {
    div.customer_wrapper div.HorizontalContainer.level2 div.VerticalContainer {
        border:none !important;
    }
    
    div.customer_info_block {
        width: 100% !important; 
    }
    
    div.customer_orders_block { 
        width: 100% !important;
    }
    
    div.customer_orders_block th{
        width: 16%; 
    }
}

div.customer_wrapper div.customer_info_block td{
    text-align:right;
}

div.customer_wrapper div.customer_orders_block {
    /*width:58% !important; */
}

div.customer_wrapper section.customer_info fieldset {
    margin-top: 0px;    
}

div.customer_wrapper h1 {
    margin-bottom: 15px;
    width:50%;
    display:inline;
}

button.logout_customer {
    float: right;
    margin-top:5px; 
}

div.customer_wrapper table th {
    font-size:13px;
    margin:1em 0 0.5em 0 ;
    text-transform:uppercase;
    color: #707070; 
}

div.customer_wrapper table th:last-child {
    text-align:right;   
}

div.customer_wrapper table td {
    font-size: 13px;
    color: #707070;
}

div.customer_wrapper table td:last-child {
    text-align:right;   
}

/* Customer shipping
------------------------------------------------------------------------------------------------------------------------------*/

section.customer_delivery_block {
    margin-top: 20px;   
}

section.customer_delivery_block th{
    border-bottom: 1px solid #eaeaea;
    padding: 0px 0 10px 0;
}

section.customer_delivery_block td{
    width: 16%;
    border-bottom: 1px solid #eaeaea;
    vertical-align:middle;
    padding: 10px 0;        
}

section.customer_delivery_block td input [type="radio"]{
    vertical-align:middle;
    margin-top:0px;
}

#choose-shipping {
}

#choose-shipping td {
}

.cart-visainfo {
    text-align: right;
}

td.choose-shipping-info {
    padding-right: 5%,  
}


/* Cart payment
------------------------------------------------------------------------------------------------------------------------------*/

div.cart_wrapper header.cart-shipping-header {
    padding: 0px;
}

div.cart-shipping-container td {
    padding: 25px 0;
    vertical-align: top;
    border-bottom: 1px solid #eaeaea;
    font-size:13px; 
}

div.cart-shipping-container td img{
}

div.cart-shipping-container td input {
    float:left;
    margin-top:0;   
}

div.cart-shipping-container td label {
    margin-top: 0;
    text-transform: none;   
}

div.cart-shipping-container span.shipping_descr {
    color: #8e918f;
}

td.choose-payment-info {
    padding-right: 10% !important;  
}

/* Cart checkout
------------------------------------------------------------------------------------------------------------------------------*/

#klarna_checkout_container .cart-login-container {
    display: none;
}

li#klarna_checkout {
    margin-right: 1.5%;
    background-color: #b3b3b3;
    text-align: center;
    width: 46.8%;
    float:left;
    list-style:none;
    margin-top:6px;
    height: 38px;
    line-height:38px;
    border: 1px solid #b3b3b3;
    border-radius: 3px; 
}

li#standard_cart {
    background-color: #b3b3b3;
    text-align: center;
    width: 46.8%;
    float:left;
    list-style:none;
    margin-top:6px;
    height:38px;
    line-height:38px;
    border: 1px solid #b3b3b3;
    border-radius: 3px;         
}

li#klarna_checkout a, li#standard_cart a {
    color: #fff !important;
    font-size: 16px;
    text-decoration: none;
    display:block;
}
li#klarna_checkout.selected {
    background-color: #2282d0;
    background-image: linear-gradient(to bottom, #36a2ea 0%, #2282d0 100%);
    border: 1px solid #0089cf;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #0a6c93, 0 1px 2px 0 rgba(255, 255, 255, 0.5) inset;
}
li#standard_cart.selected {
    background-color: #2282d0;
    background-image: linear-gradient(to bottom, #36a2ea 0%, #2282d0 100%);
    border: 1px solid #0089cf;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #0a6c93, 0 1px 2px 0 rgba(255, 255, 255, 0.5) inset;
}
li#klarna_checkout:hover, li#standard_cart:hover {
    background-color: #0070ba;
    background-image: linear-gradient(to bottom, #36a2ea 0%, #0070ba 100%);
    border: 1px solid #0089cf;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 1px 0 #0a5d7e;
}

div.cart-payship-container {
    font-size: 13px;    
}

div.cart-payship-container span.shipping_descr {
    color: #8e918f;
}

div.cart-payship-container td {
    padding: 25px 0;
    vertical-align:middle;
    border-bottom: 1px solid #eaeaea;
    font-size:13px; 
}

div.cart-payship-container td label {
    margin-top: 0;  
}

/* Cart customer
------------------------------------------------------------------------------------------------------------------------------*/

div#cart-customer-data {
    position:relative;  
}

div.cart-login-container {
    font-size: 13px;    
}

div.cart-login-container td.forced_fields_txt {
    padding: 25px 0 10px 0; 
}

div.cart-login-container td.customer_type {
    padding-top: 10px;  
}

div.cart-login-container td.customer_type b{
    display:block;  
    padding-bottom: 6px;
}

div#cart-customer-data ul.cart_menu_ul {
    position:absolute;
    right:0px;
    top:40px;
    z-index: 99999; 
}

div#cart-customer-data ul.cart_menu_ul li{
    display:block;
    list-style:none;
    float:right;
    padding-left: 10px;
    font-size:14px; 
}

div#cart-customer-data ul.cart_menu_ul li.selected {
    display:none;   
}

div.cart-login-container tr.persno input.customerinfo {
    width: 44%;
    margin-right:1%;    
}

div.cart-login-container h3 {
    text-transform:uppercase;
    font-size:13px;
    margin-bottom: 4px; 
}

div.cart_wrapper div.read_terms {
    text-transform:uppercase;
    font-size:16px;
    font-weight:bold;
    margin-bottom: 4px;
}

div.cart-login-container label.want_newsletter {
    margin-right: 15px;  
}

div#cart_address_login {
    padding-top: 8px;   
}

div#log-in-form hr{
    background-color: #fff;
}

tr.customer_border_row td{
    
}

/* Ads
------------------------------------------------------------------------------------------------------------------------------*/ 

@media only screen and (max-width:1280px) {
    div.rightrail_outside {
        display:none;   
    }
}

@media only screen and (min-width:1281px) {
    div.rightrail_outside {
        position:absolute;
        left:1279px;
        top:0px;
        display: none;
    }
}

/* Brand
------------------------------------------------------------------------------------------------------------------------------*/ 
.brand-text {
    float: left;
    width:  67%
}

.brand-text h1, .brand-text h2 {
    margin: 0 0 10px 0;
}

.brand-text h3.brand-title {
    margin: 0 0 15px 0;
}

@media only screen and (max-width: 779px) {
    .brand-text {
        width: 100%;
        float:  none;
    }
}

.brand-image {
    float: right;
    width:  30%;
    text-align: right;
}

@media only screen and (max-width: 779px) {
    .brand-image {
        display: none;
    }
}


.brand-category-small-container {
    background-color: #f6f6f6;
    padding:  10px 0px 10px 10px;
    margin:  0 0 20px 0;
}

.brand-category-small-container h4 {
    margin:  0 0 13px 0;
}

.brand-category-small {
    background-color: #ffffff;
    float: left;
    border-radius:  5px;
    margin:  0 10px 10px 0;
    border: 1px solid #ececec;
}

.brand-category-small a {
    color: #707070;
    padding: 5px 10px 5px 10px;
    display:  block;
    text-decoration:  none;
    font-size:  12px;
    border-radius: 5px;    
}

.brand-category-small a:hover {
    text-decoration: none;
    background-color: #474948;
    color: #fff;
}

.brand-documents {
    margin: 0 0 20px 0;
}

/* brand-small
------------------------------------------------------------------------------------------------------------------------------*/ 

.brand-small-container {
    text-align: center;
}

.brand-small {
    float: left;
    padding: 10px;
    width: 90px;
    height: 90px;   
}

@media only screen and (max-width: 640px) {
    .brand-small {
        width: 80px;
        height: 80px;
    }
}

@media only screen and (max-width: 350px) {
    .brand-small {
        width: 90%;
        height: auto;
    }
}

.brand-small-name {
    display: none;    
}

.brand-small-picture {
    text-align: center;
    vertical-align: middle;
}

.brand-small-picture:hover {
    opacity: 0.7;
}

.brand-small-picture img {
    max-width: 100%;
    height: auto;
}


/* Filter
------------------------------------------------------------------------------------------------------------------------------*/ 

.pagesbar {
    margin: 10px 0 20px 0 !important;
    clear: both;
    line-height: 28px;
    font-size:  12px;
}

.pagesbar a {
    display: block;
    margin:  0 10px 10px 0;
    float: left;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    padding: 0 10px;
    text-transform:uppercase;
    background-color: #f1f1f8;
    color: #FB5E2D;
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    text-decoration: none;
}

.pagesbar a:hover {
    opacity: 0.8;
}

.filter-container {
    background-color:  #f6f6f6;
    padding:  10px 0 10px 0;
    border: 1px solid #eaeaea; 
    width:  100%;
    margin:  0 0 10px 0;
}

.filter-header {
    padding:  0 15px 0 10px;
}

.filter-header h3 {
    font-size: 13px;
}

table.filter_table {
    display: none;
    margin: 0px 0 0 0;
    width:  100%;
}
table.filter_table tr.hidden {
    display: none;
}
table.filter_table td {
    border-bottom: 1px solid #eaeaea;
    padding: 5px 10px 5px 10px !important;
    font-size: 11px;
}
table.filter_table td.filter_image {
    width: 50px;
    display: none;
    padding: 3px 0;
    vertical-align: middle;
}
table.filter_table td.filter_name {
    width: 80px;
    vertical-align: middle;
}
table.filter_table td.filter_info {
    width: 15px;
    vertical-align: middle;
    padding-right: 5px;
    display: none;
}
table.filter_table td.filter_unit {
    vertical-align: middle;
    padding: 0 0 0 5px;
}
table.filter_table td.filter_slider1 {
    vertical-align: middle;
    padding-right: 5px;
    width: 400px;
}
table.filter_table td.filter_slider2 {
    vertical-align: middle;
}
table.filter_table td.filter_buttons {
    vertical-align: middle;
    padding: 3px 0;
}
input.filter_slider_value {
    width: 50px;
    text-align: center;
}
.filter_slider {
    width: 250px;
}
.filter_button {
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    margin: 0 3px 3px 0;
    cursor: pointer;
    padding: 3px 5px 3px 5px;
    color: #707070;
    font-size: 11px;
}

.filter_button:hover {
    background-color: #474948;
    border: 1px solid #474948;
    color: #fff;
}

.filter_button[disabled] {
    background-color: #fff;
    color: #d5d5d5;
    cursor: default;
}

.filter_button_selected {
    background-color: #474948;
    border: 1px solid #474948;
    color: #fff;
}
.filter_facebox_cont {
    display: none;
}

.ui-slider .ui-slider-handle {
    cursor: pointer;
    margin-top: 0;  
}

.ui-slider-range  {
    background: none;
    background-color: #142754;
}

/* Begin: Fix to correct the slider */
div.filter_slider {
    margin-top: 10px;
}
div.filter_slider div.ui-corner-all {
    margin: 0;
}
div.filter_slider_left {
    width: 20%;
}
div.filter_slider_left input.falt {
    padding: 0;
}
div.filter_slider_middle {
    width: 60%;
}
div.filter_slider_right {
    width: 20%;
}
div.filter_slider_right input.falt {
    padding: 0;
}
/* End: Fix to correct the slider */


div.filter-links, #url_field_div, table.filter_table {
    width: 100%; /*width on filter*/
}

div.filter-links {
}

#url_field_div {
    padding: 15px 0 0 0;
}

textarea#url_field {
    background-color: #fff;
    margin: 5px 0 0 0;
}

div.filter-list {
    background-color: transparent;
    margin: 0 0 15px 0px;
    padding: 10px 15px 0px 0px;
    overflow: hidden;
    font-size: 11px;
}

.filter-container .filter-list {
    margin-left: 15px;
}

div.filter-sorting {
    float: left;
    margin: 0 10px 0 0; 
}

div.filter-showproperties {
    float: left;
    padding: 4px 7px 0 0;   
}

div.filter-link {
    float: left;
    padding: 4px 7px 0 0;   
}

div.filter-clear {
    float: left;
    padding: 4px 7px 0 0;   
}

div.filter-radiobuttons {
    float: right;
    margin: 0 5px 0 0;
}

div.filter-images-container {
    float: right;   
}

div.filter-images {
    float: left;
    margin: 0 0px 0 5px;    
}

.filter-vertical-small {
    background-image: url('/images/filter-vertical-small.png');
    color: transparent;
    width: 19px;
    height: 19px;
    border: 0px;
    cursor: pointer;
}

.filter-vertical-small.selected {
    background-image: url('/images/filter-vertical-small-selected.png');
}

.filter-vertical-big {
    background-image: url('/images/filter-vertical-big.png');
    color: transparent;
    width: 21px;
    height: 19px;
    border: 0px;
    cursor: pointer;
}

.filter-vertical-big.selected {
    background-image: url('/images/filter-vertical-big-selected.png');
}

.filter-vertical-medium {
    background-image: url('/images/filter-vertical-medium.png');
    color: transparent;
    width: 20px;
    height: 19px;
    border: 0px;
    cursor: pointer;
}

.filter-vertical-medium.selected {
    background-image: url('/images/filter-vertical-medium-selected.png');
}

.filter-horizontal-big {
    background-image: url('/images/filter-horizontal-big.png');
    color: transparent;
    width: 21px;
    height: 19px;
    border: 0px;
    cursor: pointer;
}

.filter-horizontal-big.selected {
    background-image: url('/images/filter-horizontal-big-selected.png');
}

.filter-horizontal-small {
    background-image: url('/images/filter-horizontal-small.png');
    color: transparent;
    width: 21px;
    height: 19px;
    border: 0px;
    cursor: pointer;    
}

.filter-horizontal-small.selected {
    background-image: url('/images/filter-horizontal-small-selected.png');
}



/* KLEVU
------------------------------------------------------------------------------------------------------------------------------*/ 
.klevu-black-btn {
    background-color: #000 !important;
    color: #fff !important;
}

/* Upselling 
---------------------------------------------- */

.upselling-product-small-image {
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right:0px;
    overflow: hidden;
    height:80px;
}

div.product-small-vertical-small.upselling-product {
    margin-bottom:10px;
}

div.upselling-product .name {
    width:100%; 
    font-weight:bold;
    text-align:center;
}

div.upselling-product .price {
    margin-bottom:20px;
    text-align:right;
}

div.upselling-product .price_campaign {
    color: #ff5500;
    line-height: 14px;
}

div.upselling-product .oldprice_container {
    color: #707070;
    font-size: 14px;
    text-align: right;
    text-decoration: line-through;
}

div.next-upselling-product-small-image {
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right:0px;
    overflow: hidden;

}

div.next-upselling-product .price_campaign {
    margin-top:10px;
    color: #ff5500;
    line-height: 14px;
}

div.next-upselling-product .oldprice_container {
    color: #707070;
    font-size: 14px;
    text-align: right;
    text-decoration: line-through;
}
div.next-upselling-product b{
    height: 20px;
    display: block;
}

/* PRINT PAGE CHECKOUT */

.print-page .cart_contents tbody tr td.cartnew-pris{
    padding-top: 17px;
    width: 10%;
}
.print-page .cart_contents tbody tr td.cartnew-summa{
    padding-top: 17px;
    width: 10%;
}
.print-page .cart_contents tbody tr td.cartnew-antal{
    padding-left: 30px;
    padding-top: 17px;
    width: 15%;
}
.print-page .cartnew-total tbody tr.cart_frakt th{
    padding-right: 0;
}
.print-page .cart_contents tbody tr td.cartnew-img{
    display: table-cell;
}
.print-button{
    color: #f6f6f6;
    font-size: 14px;
    text-align: center;
    padding: 0 12px;
    text-transform: uppercase;
    background-image: url(/images/button_bg.jpg);
    background-repeat: repeat-x;
    height: 32px;
    line-height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none 0px #fff;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    text-decoration: none;
    padding: 7.5px;
    margin-right: 5px;
}
.print-button:visited{
    color: #f6f6f6;
    text-decoration: none;
}
.print-button:hover{
    text-decoration: none;
    cursor: pointer;
    opacity: 0.8;
}


/* HOTFIX FOR MAIN MENU */ 

.product_nav .product_navlist li .second_navlist_container .menu_column a.topmenu_a_level1{
    display: block;
}


/* Sticky header */
body.sg-sticky-header .container-fullwidth {
    position:fixed;
    width: 100%;
    z-index: 999999; 
    background: white;
}
body.sg-sticky-header .container-fullwidth #topmenu {
    display:none;
}

@media screen and (min-width:1038px) {
     
     .container-fullwidth .logo-container > a > img {
         width:220px !important;
         max-width:none ;
         position: relative ;
         top: 7px ;
     }
     /* Sticky header */
     body.sg-sticky-header .container-fullwidth .pagetop {
        padding-top: 3px ;
     }
     body.sg-sticky-header .container-fullwidth .logo-container > a > img {
         position: relative ;
         top: 7px ;
         width: 200px ;
         max-width: none ;
         height: auto ;
     }
     body.sg-sticky-header .container-fullwidth #cartMenu {
         position: relative ;
         top: 2px ;
     }
}
@media screen and (min-width:1038px) and (max-width:1215px) {
     body.sg-sticky-header .container-fullwidth .header_wrapper > .row > div #cartMenu {
        margin-bottom: 0 ;
     }
}
@media screen and (min-width:768px) and (max-width:1037px) {
     body.sg-sticky-header .contact_info_top_wrapper {
        display:none ;
     }
     body.sg-sticky-header .sg-mobile-header-usp {
        display:block ;
     }
}
@media screen and (min-width:601px) and (max-width:1037px) {
     .container-fullwidth .header_wrapper {
        padding: 15px 0px 0px 0 !important;
        box-shadow: 0px 2px 3px #ccc ;
        background-color:white !important;
     }
     .container-fullwidth .header_wrapper .row > .header-small-2{
        position: absolute ;
        right:25px ;
     }
     .container-fullwidth .header_wrapper .search {
        position: relative ;
        top: -8px ;
     }
     .container-fullwidth .logo-container > a > img {
        position: relative ;
        top: -5px ;
        width: 200px ;
        max-width: none ;
        height: auto ;
     }
}
@media screen and (min-width:601px) and (max-width:767px) {
     .container-fullwidth .logo-container > a > img {
        margin:0;
     }
}
@media screen and (max-width:600px) {
     .container-fullwidth .pagetop {
        padding:0 ;
     }
     .container-fullwidth .header_wrapper {
         box-shadow: 0px 2px 3px #ccc ;
         background-color:white !important ;
         padding: 5px 0px 10px 0 !important;
     }
     .container-fullwidth .header_wrapper .search {
        padding-left:10px; 
     }
     .container-fullwidth .logo-container > a > img {
        padding-left:10px ;
     }
     .container-fullwidth .header_wrapper .row {
        position:relative ;
     }
     .container-fullwidth .header_wrapper .row > .header-small-2{
         right:10px ;
         position:absolute ;
         top: 10px;
     }
     .container-fullwidth .header_wrapper .row > div #menu_button_link {
         height:40px ;
         background-position: -2px -4px ;
     }
     .container-fullwidth .header_wrapper .row > div #cartMenu {
        height:40px ;
     }
     .container-fullwidth .header_wrapper .row > div #cartMenu #cart_text {
         background-position: 14px 12px ;
         padding: 12px 12px 6px 41px ;
     }
}
@media screen and (max-width:559px) {
     .container-fullwidth .logo-container {
        left: 10px;
        position: relative ;
        width: 60% !important;
     }
}
@media screen and (max-width:370px) {
     .container-fullwidth .logo-container {
        left: auto ;
        position: relative ;
     }
}

.bulky-info-holder{
    display: inline-block;
}
.bulky-info{
    display: none;
    padding: 10px;
    background-color: #f6f6f6;
    width: 75%;
    height: auto;
    color: #666;
}


/* News & extramenu_text
-----------------------------------------------------------------------------*/

div.newsfeed {
    margin: 0 0 10px 0;
}

div.newsfeed h3 {
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 0 10px;
    margin: 0;
    background-color: #d2d2d2;
    color: #4e4e4e;
    height: 26px;
    line-height: 26px;
}

div.newsfeed div.item {
    padding: 1px 10px 1px 10px;
}

div.newsfeed div.item h4 {
    font-size: 11px;
    padding: 7px 0 1px 0;
}

div.newsfeed h1 {
    font-size: 11px;
    padding: 7px 0 1px 0;
}

div.newsfeed .newspicture{
    margin: 0 0 10px 0;
}

div.newsfeed div.allnews {
    padding: 5px 0px 10px 10px;
}

div.pubdate {
    padding-top: 4px;
    font-size: 10px;
    font-style: italic;
}

div.readmore  {
    border: 0;
    padding-bottom: 5px;
}

.newsfeed-detail .newsitem {
    padding: 2px 0 7px 0;
    margin: 15px 0 15px 0;
    border-bottom: 1px solid #dfdfdf;
}

.newsfeed-comment {
    padding: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: transparent;
}

.signature {
    padding-top: 5px;
}

.newsfeed-comment-write {
    padding: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: #f6f6f6;
}

div.newsfeed-link {
    margin: 0 0 15px 0;
}

div.extramenu_text {
    text-align: center;
    margin: 0 0 10px 0;
}

div.extramenu_text img {
    margin-bottom: 5px;
}

div.extramenu_text .klarna-widget {
    width: 100% !important;
    display: block !important;
}

div.extramenu_text .klarna-widget img {
    width: 100% !important;
}

div.newsitem{
    margin-bottom:20px;
}

div.news-tags {
    margin: 0 0 15px 0;
}


/* News on startpage
-----------------------------------------------------------------------------*/
div.news-firstpage {
    margin: 0 0 15px 0;
}

div.news-firstpage h2 {
    margin: 0 0 1px 0;
}

div.news-firstpage-pubdate {
    float: left;
    font-style: italic;
    margin: 0 10px 0 0;
}

div.news-firstpage-author {
    font-style: italic;
    float: left;
    margin: 0 10px 0 0;
}

div.news-firstpage-picture {
    margin: 12px 12px 5px 0;
    float: left;
    vertical-align: top;
}

div.news-firstpage-body {
    margin: 12px 0 10px 0;
}

div.news-firstpage-readmore {
}

div.news-firstpage-allnews {
}

/* News-category
-----------------------------------------------------------------------------*/
ul.news-category {
    padding: 10px 10px 10px 10px;
}

ul.news-category li {
    list-style: none;
    margin:  0 0 5px 0;
}

/* News tag cloud
-----------------------------------------------------------------------------*/

div.tag_cloud {
    padding: 10px 10px 10px 10px;
}

div.tag_cloud a {
    padding: 0 2px 0 0;
}

div.tag_cloud span.big {
    font-size:16px;
    font-weight: bold;
}

div.tag_cloud span.medium {
    font-size:14px;
}


/* Newsfeed-all
-----------------------------------------------------------------------------*/

ul.news-all-summary {
    margin: 0px 0 20px 0;
}

ul.news-all-summary li {
    list-style-type: none;
    padding: 7px 7px 7px 7px;
    margin: 0;
}

ul.news-all-summary li.odd {
    background-color: #ededed;
}

table.news-all-table td {
    vertical-align: top;
}

div.news-all {
    margin: 0 0 15px 0;
}

div.news-all-picture {
    margin: 0px 12px 0px 0;
    vertical-align: top;
    width: 126px;
}

div.news-all-picture img {
    margin: 0 0 5px 0;
}

div.news-all-pubdate {
    font-style: italic;
    margin: 0px 12px 5px 0;
    float: left;
}

div.news-all-readmore {
    text-align: right;
}

.grecaptcha-badge {
   visibility: hidden;
}

/* Helpers
-----------------------------------------------------------------------------*/
.text-gray {color: #707070 !important;}
.border {border: 1px solid #eaeaea;}
.font-bold {font-weight: bold;}
.minw-80 {min-width: 80px;}
.maxw-80 {max-width: 80px;}
.d-flex {display: flex;}
.align-items-center {align-items: center;}
.mb-10 {margin-bottom: 10px;}
.mt-10 {margin-top: 10px;}
.mb-15 {margin-bottom: 15px;}
.mt-20 {margin-top: 20px;}
.mb-20 {margin-bottom: 20px;}
.ml-20 {margin-left: 20px;}
.mr-20 {margin-right: 20px;}
.p-15 {padding: 15px;}
.text-center {text-align: center;}
.text-decoration-none {text-decoration: none;}