body,
input,
p,
select,
table,
td,
textarea,
tr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px
}

h1,
h2 {
    color: #414f38;
    margin: 5px 0;
    padding: 0;
    text-align: center
}

h1 {
    font-size: 18px
}

h2 {
    font-size: 14px
}

p {
    margin: 0 0 5px;
    padding: 5px 0
}

.printImage {
    display: none
}

.annons {
    margin-top: 6px
}

.selectedBlock {
    color: #fff;
    background: #0057b3
}

.kantBotten,
.menyKlass {
    margin-bottom: 10px
}

a.fakeLinkBtn {
    border: 3px outset #ccc;
    display: block;
    padding: 5px;
    background-color: #eee
}

a.fakeLinkBtn:hover {
    border-style: inset;
    text-decoration: none
}

.textBakgrund,
.textGra,
.textRod {
    font-weight: 700
}

.textRod {
    color: red!important
}

.textGra {
    color: #333
}

iframe {
    width: 70%
}

#webshopSign {
    background: url(/shop/images/webshop.png) top center no-repeat;
    height: 45px
}

.kant,
.kantBotten {
    padding: 3px
}

ul.menyundermeny,
ul.menyundermenyIS {
    padding-left: 13px;
    margin: 0;
    list-style-image: url(../images/gfx_arrowright.gif)
}

.menyundermeny a,
.menyundermenyIS a {
    font-weight: 400;
    text-transform: none!important;
    color: #333;
    padding: 0;
    margin: 0
}

.fieldview {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: url(/shop/images/paketkille.png) no-repeat;
    margin: 0;
    padding: 4px
}

.ttlegend {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto
}

#annons,
#erbjudande,
#rightnav {
    background: #fff;
    width: 185px;
    float: right;
    margin-left: 8px
}

#erbjudande fieldset,
#rightnav fieldset {
    border: 1px solid #000
}

.huvud {
    padding: 5px;
    background-color: #005fbb;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 3px;
    text-align: center
}

.textBakgrund {
    padding: 1px 4px;
    margin: 0;
    color: #fff;
    background-color: #096;
    text-align: left
}

.basket-product .priceCell,
.basket-utility h3,
.bold,
.h,
.header,
.klarna-form-title,
a.fakeLinkBtn,
ol.breadcrumbs li.active {
    font-weight: 700
}

.basket_offset>em,
.button-group>em {
    padding: 5px 2px;
    display: block
}

.nisse {
    padding-left: 132px;
    background-image: url(../shop/images/nisse.jpg);
    height: 119px;
    background-repeat: no-repeat
}

.nisse {
    padding-bottom: 5px;
    background-position: left bottom;
    overflow: auto
}

.nisseText {
    font-size: 13px;
    padding-top: 5px
}

.tb,
a.item {
    font-size: 10px
}

a.item {
    margin-top: 5px;
    display: block;
    font-weight: 400;
    color: #333
}

.cell {
    width: 20%;
    background: #fff;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.cell1 {
    width: 20%;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.cell .btn {
    margin-bottom: 8px
}

ol.breadcrumbs {
    font-size: 90%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    background: #333
}

ol.breadcrumbs li {
    display: inline-block;
    line-height: 25px;
    padding-left: 5px;
    margin-left: 10px
}

ol.breadcrumbs li a {
    color: #fff
}

.footer {
    border: 1px solid #ccc;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.footer ul {
    text-align: left;
    display: inline-block;
    list-style-image: url(http://www.trgsystem.se/images/gfx_arrowright.gif)
}

.artikelKnapp {
    cursor: pointer;
    cursor: hand;
    margin: 0 auto;
    width: 440px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #6b7962
}

.artikelKnapp td {
    padding: 3px
}

.artikelKnapp tr td img {
    max-height: 75px
}

.stdProdKort {
    width: 125px;
    background-color: #f7f7f7;
    text-align: center
}

.stdProdInfo {
    text-align: left
}

.stdProdBild {
    width: 80px
}

.begProdukt h2,
.stdProdInfo h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0;
    padding: 0;
    color: #000
}

.begProdukt h3,
.stdProdInfo h3 {
    font-size: 11px;
    font-weight: 400;
    margin: 10px 0 0;
    padding: 10
}

.adminPanel-header,
.message-draft {
    color: #fff;
    text-align: center;
    padding: 5px;
    font-weight: 700
}

#adminPanel {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px
}

.adminPanel-header {
    background-color: #6b7962;
    border-radius: 10px
}

.sales-textarea {
    width: 100%;
    height: 50px;
    padding: 0;
    margin: 0;
    border: 0;
    background: 0 0;
    -webkit-transition: height .3s ease-in-out
}

.sales-textarea:hover {
    height: 300px
}

.ast {
    background: url(/images/admin_sprite.png) top left no-repeat;
    width: 32px;
    height: 32px
}

.ast.ico_add {
    background-position: 0 0
}

.ast.ico_delete {
    background-position: -32px 0
}

.ast.ico_edit {
    background-position: -64px 0
}

.ast.ico_reload {
    background-position: -96px 0
}

.ast.ico_files {
    background-position: -128px 0
}

.ast.ico_sort {
    background-position: -160px 0
}

footer {
    padding-top: 10px;
    text-align: center
}

#innehall,
#innehallLang,
#meny {
    overflow: hidden
}

#block {
    width: 100%;
    margin-top: 6px;
    position: relative;
    overflow: hidden
}

#vyBox {
    background-color: #eee
}

#vyBox,
.begProdukt,
.kant,
.kantBotten,
.kantIngaMarginaler,
.menyKlass,
.nisse,
.nisse2 {
    border: 1px solid #ccc
}

#vyStandard,
#vyStandard320,
#vyStandard350,
#vyStandard380,
#vyStandard435,
#vyStandard445,
#vyStandard530,
#vyStandard534 {
    text-align: left;
    width: 90%;
    margin: 0 auto
}

.offerBlock {
    border-bottom: 1px solid #6b7962;
    padding: 8px 0;
    position: relative
}

.frontoffer {
    margin-left: auto;
    margin-right: auto;
    width: 240px;
    padding-top: 8px;
    padding-bottom: 8px
}

#huvudKantLang {
    position: absolute;
    width: 100%;
    height: 9px;
    background-color: #005fbb;
    font-size: 1px
}

#faqcont,
#faqmen {
    width: 100%
}

#faqmen a {
    color: #1784c7
}

#faqmen {
    float: left;
    padding-bottom: 8px
}

#faqcont {
    overflow: hidden;
    padding: 0 0 15px 0
}

.side_ribbon {
    color: #fff;
    font-size: 11px;
    min-width: 10px;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    position: absolute;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 0;
    top: 15px;
    background: #59324c;
    font-weight: 700
}

.side_ribbon:after,
.side_ribbon:before {
    content: "";
    position: absolute
}

.side_ribbon:after {
    height: 0;
    width: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 16px solid #59324c
}

.ribbon1 {
    position: absolute;
    top: 0;
    left: 15px;
    color: #fff;
    font-weight: 700
}

.ribbon1:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -8px;
    border-left: 32px solid transparent!important;
    border-right: 32px solid transparent!important;
    border-top: 10px solid #00f
}

.ribbon1 span {
    position: relative;
    display: block;
    text-align: center;
    background: #00f;
    font-size: 11px;
    line-height: 1;
    padding: 5px 2px 3px;
    width: 50px
}

.trans {
    color: #fff;
    display: block;
    text-align: center;
    top: 92%;
    margin-top: -3em;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    position: relative
}

.ribbon {
    position: absolute;
    background: #e22692;
    height: 70px;
    width: 35px;
    font-size: 11px;
    top: 0;
    right: 15px;
    color: #fff;
    font-weight: 700
}

.ribbon:after,
.ribbon:before {
    content: '';
    position: absolute;
    border-top: 20px solid #e22692;
    height: 0;
    width: 0;
    top: 100%
}

.ribbon:after {
    border-left: 25px solid transparent;
    right: 0
}

.ribbon:before {
    border-right: 25px solid transparent;
    left: 0
}

.corner_ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    font-weight: 700
}

.corner_ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 1px 0;
    background-color: #3498db;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff
}

.corner_ribbon-top-left {
    top: -1px;
    left: -1px
}

.corner_ribbon-top-left::after,
.corner_ribbon-top-left::before {
    border-top-color: transparent;
    border-left-color: transparent
}

.corner_ribbon-top-left span {
    right: 3px;
    top: 30px;
    -webkit-transform: rotate(-45deg)
}

.corner_ribbon-top-right {
    top: -1px;
    right: -1px
}

.corner_ribbon-top-right::after,
.corner_ribbon-top-right::before {
    border-top-color: transparent;
    border-right-color: transparent
}

.corner_ribbon-top-right span {
    left: 5px;
    top: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.corner_ribbon-bottom-left {
    bottom: -1px;
    left: -1px
}

.corner_ribbon-bottom-left::after,
.corner_ribbon-bottom-left::before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.corner_ribbon-bottom-left span {
    right: 8px;
    bottom: 21px;
    -webkit-transform: rotate(44deg)
}

.corner_ribbon-bottom-right {
    bottom: -1px;
    right: -1px
}

.corner_ribbon-bottom-right::after,
.corner_ribbon-bottom-right::before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.corner_ribbon-bottom-right span {
    left: 13px;
    bottom: 30px;
    -webkit-transform: rotate(-53deg)
}

.search-wrapper.active {
    display: block
}

.search-wrapper {
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    background: 0 0;
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    box-shadow: 0 0;
    margin: 0 auto;
    padding: 0;
    float: left;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 400px
}

.searchContainer {
    display: none;
    padding: 15px
}

.searchContainer.active {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top:36px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border: 0;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    width: 700px;
    z-index: 9999
}

.searchContainer .product-results li {
    position: relative;
    border: 1px solid #000;
    margin-top: 10px
}

.searchContainer span {
    color: #000;
    opacity: .7
}

.searchContainer .product-results li .my-assortment {
    top: -5px;
    right: auto;
    left: 15px
}

.searchContainer .category-results .parent-name {
    font-style: italic
}

.searchContainer .left-side,
.searchContainer .right-side {
    width: 48%;
    float: left
}

.searchContainer .left-side {
    margin-right: 4%
}

.searchContainer ul li {
    display: block;
    text-align: left
}

.searchContainer ul li:after,
.searchContainer ul li:before {
    content: " ";
    display: table
}

.searchContainer ul li:after {
    clear: both
}

.searchContainer ul li a {
    color: #0073b6
}

.searchContainer ul li img {
    width: 40px;
    height: 40px;
    background: #cad5da;
    float: left;
    margin-right: 7.5px
}

.right-side a {
    display: inline!important;
    padding: 3px!important
}

.right-side li {
    padding-top: 10px
}

.ttlegend {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto
}

.left-side table td {
    padding: 7px 5px
}

.ribbon2 {
    position: absolute;
    background: #0ab;
    border-radius: .4em;
    top: 0;
    right: 15px;
    color: #fff
}

.ribbon2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #0ab;
    border-bottom: 0;
    border-left: 0;
    margin-left: -10px;
    margin-bottom: -20px
}

.ribbon4 {
    position: absolute;
    top: 5px;
    left: 0;
    padding: 8px 10px;
    background: #00b3ed;
    box-shadow: -1px 2px 3px rgba(0, 0, 0, .3)
}

.ribbon4:after,
.ribbon4:before {
    content: "";
    position: absolute
}

.ribbon4:before {
    width: 7px;
    height: 100%;
    top: 0;
    left: -6.5px;
    padding: 0 0 7px;
    background: inherit;
    border-radius: 5px 0 0 5px
}

.ribbon4:after {
    width: 5px;
    height: 5px;
    bottom: -5px;
    left: -4.5px;
    background: #add8e6;
    border-radius: 5px 0 0 5px
}

.star {
    display: none
}

.corner_ribbon.blue span,
.ribbon.blue,
.ribbon1.blue span,
.side_ribbon.blue {
    background: #005fbb
}

.side_ribbon.blue:after {
    border-left: 16px solid #005fbb
}

.corner_ribbon.lblue span,
.ribbon.lblue,
.ribbon1.lblue span,
.side_ribbon.lblue {
    background: #00b3ed
}

.side_ribbon.lblue:after {
    border-left: 16px solid #00b3ed
}

.corner_ribbon.green span,
.ribbon.green,
.ribbon1.green span,
.side_ribbon.green {
    background: #57dd43
}

.side_ribbon.green:after {
    border-left: 16px solid #57dd43
}

.corner_ribbon.red span,
.ribbon.red,
.ribbon1.red span,
.side_ribbon.red {
    background: #f8463f
}

.side_ribbon.red:after {
    border-left: 16px solid #f8463f
}

.corner_ribbon.orange span,
.ribbon.orange,
.ribbon1.orange span,
.side_ribbon.orange {
    background: #f47530
}

.side_ribbon.orange:after {
    border-left: 16px solid #f47530
}

.corner_ribbon.yellow span,
.ribbon.yellow,
.ribbon1.yellow span,
.side_ribbon.yellow {
    background: #edba19
}

.side_ribbon.yellow:after {
    border-left: 16px solid #edba19
}

.corner_ribbon.brown span,
.ribbon.brown,
.ribbon1.brown span,
.side_ribbon.brown {
    background: #59324c
}

.side_ribbon.brown:after {
    border-left: 16px solid #59324c
}

.ribbon1.blue:after {
    border-top: 12px solid #005fbb
}

.ribbon1.lblue:after {
    border-top: 12px solid #00b3ed
}

.ribbon1.green:after {
    border-top: 12px solid #57dd43
}

.ribbon1.red:after {
    border-top: 12px solid #f8463f
}

.ribbon1.orange:after {
    border-top: 12px solid #f47530
}

.ribbon1.yellow:after {
    border-top: 12px solid #edba19
}

.ribbon1.brown:after {
    border-top: 12px solid #59324c
}

.ribbon.blue:after,
.ribbon.blue:before {
    border-top: 20px solid #005fbb
}

.ribbon.green:after,
.ribbon.green:before {
    border-top: 20px solid #00b3ed
}

.ribbon.green:after,
.ribbon.green:before {
    border-top: 20px solid #57dd43
}

.ribbon.red:after,
.ribbon.red:before {
    border-top: 20px solid #f8463f
}

.ribbon.orange:after,
.ribbon.orange:before {
    border-top: 20px solid #f47530
}

.ribbon.yellow:after,
.ribbon.yellow:before {
    border-top: 20px solid #edba19
}

.ribbon.brown:after,
.ribbon.brown:before {
    border-top: 20px solid #59324c
}

.ribbon.lblue:after,
.ribbon.lblue:before {
    border-top: 20px solid #00b3ed
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.artikelKnapp {
    display: inlineblock;
    width: 100%;
    border-collapse: separate
}

.artikelKnapp thead tr {
    color: #34b7f0;
    font-weight: 700
}

.artikelKnapp thead tr td {
    padding-bottom: 10px
}

.artikelKnapp thead tr td {
    border: none!important
}

@media (max-width:767px) {
    .artikelKnapp thead tr {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 400
    }
    .row>.col-xs-12 {
        width: 50%
    }
}

.artikelKnapp tr {
    width: 100%
}

.artikelKnapp tr td {
    text-align: center;
    vertical-align: middle
}

@media (max-width:525px) {
    .row>.col-xs-12 {
        width: 100%
    }
    .artikelKnapp td,
    .artikelKnapp tr td {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        border-top: none;
        border-bottom: none
    }
    .artikelKnapp tr td {
        padding: 10px;
        font-weight: 700
    }
    .artikelKnapp thead tr td {
        display: none
    }
}

.m1,
.m2 {
    float: left;
    position: relative
}

.m1 {
    width: 75%
}

@media screen and (max-width:768px) {
    .m1 {
        width: 75%
    }
    .m2 {
        width: auto
    }
    .kant .form-horizontal,
    .resp-form {
        padding: 8px
    }
    #vyStandard {
        width: 100%;
        padding: 3px 15px
    }
}

@media screen and (max-width:480px) {
    .m1 {
        width: 75%
    }
    .m2 {
        width: auto
    }
}

@media screen and (max-width:950px) {
    .input-roup {
        left: -10px;
        display: block
    }
}

@media screen and (max-width:791px) {
    .input-roup {
        left: 100px;
        display: block
    }
}

@media screen and (max-width:470px) {
    .input-roup {
        left: 36px
    }
}

.wide {
    width: 300%
}

.serch {
    position: relative;
    right: -223px
}

@media screen and (max-width:790px) {
    .wide {
        width: auto
    }
    .serch {
        position: relative;
        right: 0
    }
}

.buttonback {
    background-color: #d4d4d4!important;
    background-position: 26px center!important;
    background: url(https://cdn4.iconfinder.com/data/icons/geomicons/32/672354-search-stroked-16.png) no-repeat
}

.art1 {
    text-align: center;
    position: relative;
    display: block;
    height: auto;
    border-top: none;
    border-bottom: none
}

.art2 {
    text-align: center;
    position: relative;
    display: block;
    height: auto;
    border-top: none;
    border-bottom: none
}

.art3 {
    text-align: center;
    position: relative;
    display: block;
    height: auto;
    border-top: none;
    border-bottom: none
}

.circle {
    width: 5px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.stockorange {
    background: orange
}

.stockgreen {
    background: green
}

#cookie-bar {
    background-color: #005fbb;
    padding: 6px;
    border-radius: 7px;
    max-width: 1346px;
    margin: 0 auto
}

#cookie-bar p {
    margin: 4px 0 0 20px;
    padding: 0;
    color: #fff
}

#cookie-bar-prompt-button {
    color: #31a8f0;
    text-decoration: none;
    margin-left: 10px;
    font-weight: 700
}

.del {
    display: block !important;
    text-decoration: line-through;
    font-size:12px;
}

.area input {
    width: 45px
}

.area {
    padding-bottom: 5px
}

.basket-utility .basket-product {
    display: inline-block;
    width: 243px;
    height: 400px;
    border: 1px solid #ccc;
    padding: 5px;
    overflow: hidden;
    margin-left: 5px;
    margin-top: 5px;
    background: #fff;
    border-radius: 5px;
    vertical-align: top;
    position: relative
}

.basket-product-image {
    height: 245px
}

.basket-utility {
    margin-right: 5px
}

.basket-utility h3 {
    font-size: 11px;
    display: block;
    overflow: hidden
}

.basket-product div[itemscope] {
    background: #f9f9f9;
    padding: 5px
}

.basket-product .priceCell {
    font-size: 140%;
    display: block;
    color: green
}

.basket-utility .channels,
.basket-utility .controls {
    width: 100%;
    text-align: center
}

.image {
    padding-top: 10px
}

@media (min-width:767px) {
    #faqcont,
    #faqmen {
        width: auto
    }
    #faqmen {
        padding-right: 8px
    }
    .product-list .product-thumb .image {
        float: left;
        padding: 5px 5px;
        width: 90px
    }
    .product-list .product-thumb .artnr {
        display: inline-block;
        width: 20%
    }
    .product-list .product-thumb .caption {
        width: 80%;
        text-align: left;
        display: inline-block
    }
    .product-list .product-thumb .basket_offset {
        min-height: 45px
    }
    .maxw {
        max-width: 400px
    }
}

@media (max-width:767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px
    }
    .product-grid .product-thumb .caption {
        min-height: 0
    }
}

.product-thumb .artnr {
    color: #999;
    font-size: 12px;
    display: block;
    padding: 5px 5px
}

.product-thumb .button-group {
    overflow: auto;
    text-align: right
}

@media (max-width:768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
        text-align: center
    }
    .product-list .button-group {
        background: #f9f9f9;
        text-align: center
    }
    .product-list .priceCell {
        display: block;
        padding: 3px 0;
        font-size: 130%;
        display: block;
        color: green;
        font-weight: 700
    }
}

.product-thumb .button-group .input-basket {
    height: 27px;
    width: 75px
}

.product-thumb .button-group .button {
    display: inline-block;
    text-align: center;
    padding: 5px 3px 8px 18px
}

.product-thumb .button-group .button+.button {
    vertical-align: top
}

.product-thumb .button-group .button:hover {
    text-decoration: none;
    cursor: pointer
}

.footerlogo img {
    padding: 15px 0
}

.image {
    padding-top: 10px
}

.product-thumb {
    border: 1px solid #ccc;
    background: #fff;
    overflow: auto;
    border-radius: 5px
}

@media (min-width:767px) {
    .nyhets_form {
        margin-top: 35px
    }
    .bestall_footer {
        border-left: 2px solid #ccc
    }
    .product-list .product-thumb .image {
        float: left;
        padding: 5px 15px
    }
    .product-list .product-thumb .artnr {
        display: inline-block;
        width: 20%
    }
    .product-list .product-thumb .caption {
        width: 60%;
        text-align: left;
        display: inline-block
    }
}

@media (max-width:767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px
    }
    .product-grid .product-thumb .caption {
        min-height: 0
    }
}

.product-thumb .artnr {
    color: #999;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    padding: 5px 0
}

.product-thumb .button-group {
    overflow: auto
}

@media (max-width:768px) {
    .product-list .product-thumb .button-group {
        border-left: none
    }
}

.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.product-thumb .button-group button+button {
    width: 20%;
    border-left: 1px solid #ddd
}

.product-layout {
    padding: 5px
}

.product-grid .button-group {
    background: #f9f9f9;
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: -99px;
    padding-bottom: 99px
}

.product-grid .basket_cont {
    overflow: hidden
}

.product-grid .priceCell {
    display: block;
    padding: 3px 0;
    font-size: 130%;
    display: block;
    color: green;
    font-weight: 700;
    white-space: nowrap
}

.footer {
    width: 100%;
    overflow: hidden;
    position: relative
}

.footer .col3 {
    float: left;
    padding: 5px;
    display: inline-block;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background: #fff
}

.offert {
    font-size: 13px
}

.offert {
    font-size: 13px;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    border-top-color: #bbb;
    border-right-color: #bbb;
    border-bottom-color: #bbb;
    border-left-color: #bbb;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    border-bottom-color: rgba(0, 0, 0, .25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.offert {
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle
}

.panel-head {
    padding: 3px 7px;
    margin-bottom: 0;
    background-color: #005fbb;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-weight: 600
}

.priceCell span {
    font-size: 110%!important
}

.snowflake {
    position: absolute
}

.basket-button {
    font-size: 14px
}

.abutton,
.basket-button,
.button,
.offert,
.smallButton {
    font-size: 10px;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    border-top-color: #bbb;
    border-right-color: #bbb;
    border-bottom-color: #bbb;
    border-left-color: #bbb;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    border-bottom-color: rgba(0, 0, 0, .25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.abutton,
.basket-button,
.blu,
.button,
.offert,
.smallButton {
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle
}

#productInfoBox img,
#productInfoBox table {
    margin: 0 auto
}

.showOnPrint {
    display: none
}

.list-dold label {
    font-style: italic;
    opacity: .7;
}

#offerloading {
    display: none;
    padding: 5px;
}

#offer_scroll_container {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 1050px;
}

.priceCell {
    display: none;
}

.activepris {
    display: block !Important
}

.wasa_pay,
.klarna_pay,
.hand {
    cursor: pointer;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    opacity: 1;
    background: #fff !important;
    font-size: 18px;
}

.blink {
    color: red;
    animation: blink 2s linear infinite;
    font-weight: 900;
}

@keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

.basketImg {
    cursor: pointer;
    margin-bottom: 5px;
    margin-left: 10px;
}

basketImg:hover {
    cursor: pointer;
}

.userselectnone {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

.oneselectcopy {
    -webkit-user-select: all;
    /* Chrome all / Safari all */
    -moz-user-select: all;
    /* Firefox all */
    -ms-user-select: all;
    /* IE 10+ */
    user-select: all;
    /* Likely future */
}
.blinkimg
{
	-moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.blinkbt
{
    -moz-animation: blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1.5s infinite ease-in-out; /* IE */
    animation: blink normal 5s infinite ease-in; /* Opera and prob css3 final iteration */

}
.transhover {
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .8s ease-in-out;  
      opacity:.5;
    }
.transhover:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.05);
    opacity:1;
    }