/* All Devices styles start */
#main .sprite {
background-image: url(/media/374/v1/layout/sprite.png?02025-02-01_4);
background-repeat: no-repeat;
}
                            
                            
body {
background-color: #f4e847;
}
#main #content {
background-color: transparent !important;
}

#main #top .showMinibasketButton .topBasketQuantity {
background-color: #f4e847;
border: solid 1px #666;
}
#main #top .showMinibasketButton .topBasketQuantity.active {
border: none;
color: #fff;
}

#main #selectShop .selectShopTop .pointer {
position: absolute;
width: 37px;
height: 49px;
background-position: -492px 0;
background-size: 528px 440px;
cursor: pointer;
}
#main #selectShop .selectShopTop .button.active .pointer,
#main #selectShop .selectShopTop .button:hover .pointer {
width: 46px;
height: 61px;
background-position: -615px 0;
background-size: 660px 550px;
}
#main #selectShop .selectShopTop .button.active .pointer.aventoft,
#main #selectShop .selectShopTop .button:hover .pointer.aventoft {
width: 51px;
height: 67px;
background-position: -525px 0;
background-size: 666px 555px;
}
#main #selectShop .selectShopTop .button .pointer.aventoft {
top: 238px;
left: 103px;
}
#main #selectShop .selectShopTop .button.active .pointer.aventoft,
#main #selectShop .selectShopTop .button:hover .pointer.aventoft {
top: 223px;
left: 104px;
}


/* favorit produkter start */
 #main .jsonSpotProducts .product .favorite {
 font-style: normal;
 font-family: 'FontAwesome';
 position: absolute;
 top: 10px;
 right: 10px; 
 font-size: 20px;
 line-height: 20px;
 color: #cccccc;
 cursor: pointer;
 }
 #main .jsonSpotProducts .product .favorite:hover {
 color: #666; 
 }
 #main .jsonSpotProducts .product .favorite.on {
 color: #d0002e;
 }
 /* favorit produkter slut */ 

 /* Spotvarer start */
 #main .jsonSpotProducts .product .spotprisVare {
 position: absolute;
 top: 80px;
 right: 20px;
 width: 58px;
 height: 58px;
 background-image: url('https://fakta-v1.test.esellercloud.dk/media/374/v1/layout/sprite.png?2025-01-28_4');
 background-size: 264px 220px;
 background-position: -187px -137px;
 }
 /* Spotvarer slut */
 #main #content #contentPane .jsonSpotProducts {
 width: 950px;
 }
 #main .jsonSpotProducts .product .productId {
 position: absolute;
 top: 10px;
 left: 10px;
 background-color: #ffffff;
 border: 1px solid #cccccc;
 padding: 2px;
 z-index: 99;
 color: #aaaaaa;
 }

 #main .jsonSpotProducts .product {
 float: left;
 height: 340px;
 margin: 0 15px 15px 0;
 }
 #main .jsonSpotProducts .productFrame {
 width: 301px;
 height: 340px;
 background-color: #ffffff;
 border-radius: 8px;
 position: relative;
 }
 #main #Favorites.jsonSpotProducts .product {
 height: 372px;
 }
 #main #Favorites.jsonSpotProducts .productFrame {
 height: 372px;
 }
 #main .jsonSpotProducts .product .productImage {
 width: 180px;
 height: 180px;
 padding: 6px 0 6px 6px;
 overflow: hidden;
 margin: 0 auto;
 }
 #main .jsonSpotProducts .product .productImage img {
 width: 180px;
 }
 #main .jsonSpotProducts .product .productImage .noImageText {
 position: absolute;
 top: 140px;
 width: 162px;
 text-align: center;
 color: #cccccc;
 font-style: italic;
 }
 #main .jsonSpotProducts .product .productName {
 display: block;
 width: 166px;
 height: 52px;
 overflow: hidden;
 font-size: 16px;
 line-height: 17px;
 text-align: left;
 color: #333333;
 margin: 4px 0 0 7px;
 }
 #main .jsonSpotProducts .product .productPriceArea {
 position: relative;
 margin: 4px 0 3px 7px;
 height: 44px;
 }
 #main .jsonSpotProducts .product .productPriceArea .productOnePrice {
 font-size: 11px;
 line-height: 11px;
 color: #666666;
 padding: 0 0 3px 0;
 }
 #main .jsonSpotProducts .product .productPriceArea .itemMax{
 font-size: 10px;
 line-height: 11px;
 }
 #main .jsonSpotProducts .product .productPriceArea .priceText {
 position: absolute;
 bottom: 0; 
 font-size: 15px;
 line-height: 20px;
 }
 #main .jsonSpotProducts .product .productPriceArea .priceText .antal {
 font-size: 18px;
 line-height: 20px;
 }
 #main .jsonSpotProducts .product .productPriceArea .productPrice {
 position: absolute;
 bottom: 0;
 width: 158px;
 font-size: 20px;
 line-height: 20px;
 font-weight: bold;
 text-align: right;
 text-transform: uppercase;
 }
 #main .jsonSpotProducts .product .productPrice .currency { 
 font-size: 12px;
 font-weight: normal;
 }
 #main .jsonSpotProducts .product .productAddToBasket .antal {
 float: left;
 width: 32px;
 height: 31px;
 text-align: center;
 color: #000000;
 font-size: 16px;
 line-height: 16px;
 font-weight: bold;
 padding: 0 0 0 5px;
 margin: 0 0 0 7px;
 background-position: -22px -171px;
 background-size: 528px 440px;
 background-repeat: no-repeat; 
 background-color: transparent;
 border: none;
 outline: none;
 }
 #main .jsonSpotProducts .product .productAddToBasket .antalEnd {
 float: left;
 width: 5px;
 height: 31px;
 background-position: -13px -171px;
 background-size: 528px 440px;
 background-repeat: no-repeat; 
 }
 #main .jsonSpotProducts .product .productAddToBasket {
 clear: both;
 height: 42px;
 }
 #main .jsonSpotProducts .product .productAddToBasket .atb {
 position: relative;
 top: -2px;
 float: left; 
 width: 110px;
 height: 28px;
 text-align: center;
 color: #ffffff;
 font-size: 16px;
 line-height: 16px; 
 font-weight: bold;
 padding: 11px 4px 0 0;
 margin: 0 0 0 7px;
 background-position: -200px -65px;
 background-size: 600px 500px;
 background-repeat: no-repeat; 
 }
 #main .jsonSpotProducts .product .productAddToBasket .atb:hover {
 background-position: -315px -65px; 
 }
 #main .jsonSpotProducts .product .productAddToBasket .atb.info {
 margin: 0 0 0 33px;
 background-position: -315px -65px; 
 }
 #main .jsonSpotProducts .product .productAddToBasket .atb.info:hover { 
 background-position: -315px -105px;
 }   
 #main .jsonSpotProducts .product .NotBuyable {
 height: 42px;
 text-align: center;
 font-style: italic;
 }
 #main .jsonSpotProducts .product .NoPreorder {
 background-color: #dff2e1;
 border-radius: 8px;
 text-align: center;
 font-style: italic;
 margin: 3px 10px 0 10px;
 padding: 4px 0 4px 0;
 line-height: 13px;
 }
 

#main #designed-by {
color: #000;

}
#main #designed-by a {
color: #000;
}


 
/* Generelle desktop styles start */
@media (min-width: 768px) {

 #main #topMenuDiv {
 background-color: #333;
 }
 #main #top {
 height: 205px;
 }
 #main #top #topDiv {
 height: 155px;
 }

 #main #top #topDiv #faktaLogo.aventoft {
 width: 320px;
 top: 24px;
 z-index: 6;
 }

 #main #top #topDiv #faktaf {
 width: 140px;
 height: 145px;
 background-repeat: no-repeat;
 background-size: 600px 500px;
 background-position: -425px -315px;
 position: absolute;
 top: 15px;
 right: -15px;
 z-index: 100;
 } 

 #main #top .selectShopButton .icon,
 #main #top .selectShopButton,
 #main #top .showMinibasketButton,
 #main #top .showMinibasketButton .icon {
 color: #000;
 } 

 body #sideBannerNew img {
 border: solid 1px #666;
 } 
 body #sideBannerNew {
 top: 205px;
 }

 #top ul.productMenu > li.cc {
 background-color: #000;
 }
 #top #cc-header {
 background-color: #000;
 } 
 #top #productMenuDiv ul.productMenu li .space {
 background-color: #f4e847;
 }
 #top #productMenuDiv ul.productMenu li  .space .space3 {
 background-color: #000;
 }
 #top #productMenuDiv ul.productMenu li  .space.right .space1 {
 background-color: #000;
 }


  
} 
/* Generelle desktop styles end */

 
 
/* 800px - 1024px start */
@media (min-width: 768px) and (max-width: 1023px) {

 #main #content #contentPane .jsonSpotProducts {
 width: 525px;
 }
 #main .jsonSpotProducts .product {
 float: left;
 margin: 0 14px 0px 0;
 }
 #main .jsonSpotProducts .productFrame {
 width: 161px;
 height: 308px;
 background-color: #ffffff;
 border-radius: 7px;
 position: relative;
 }
 #main .jsonSpotProducts .product .productImage {
 width: 149px;
 height: 149px;
 top: 6px;
 left: 6px;
 overflow: hidden;
 }
 #main .jsonSpotProducts .product .productImage img {
 width: 149px;
 }
 #main .jsonSpotProducts .product .productImage .noImageText {
 position: absolute;
 top: 10px;
 width: 149px;
 text-align: center;
 color: #cccccc;
 font-style: italic;
 }
 #main .jsonSpotProducts .product .productName {
 display: block;
 width: 150px;
 height: 54px;
 overflow: hidden;
 font-size: 15px;
 line-height: 16px;
 text-align: left;
 color: #333333;
 margin: 4px 0 0 6px;
 }
 #main .jsonSpotProducts .product .productPriceArea {
 position: relative;
 }
 #main .jsonSpotProducts .product .productPriceArea .productOnePrice {
 font-size: 12px;
 color: #666666;
 padding: 0 0 3px 0;
 height: 20px;
 }
 #main .jsonSpotProducts .product .productPriceArea .priceText {
 position: relative;
 float: left;
 }
 #main .jsonSpotProducts .product .productPriceArea .productPrice {
 width: 147px;
 font-size: 20px;
 line-height: 20px;
 font-weight: bold;
 text-align: right;
 text-transform: uppercase;
 }
 #main .jsonSpotProducts .product .productPrice .currency { 
 font-size: 12px;
 font-weight: normal;
 }
 
 #main .jsonSpotProducts .product .productAddToBasket .antal {
 float: left;
 width: 27px;
 height: 27px;
 text-align: center;
 color: #000000;
 font-size: 14px;
 line-height: 14px;
 font-weight: bold;
 padding: 0 0 0 4px;
 margin: 0 0 0 7px;
 background-position: -19px -152px;
 background-size: 468px 390px;
 }
 #main .jsonSpotProducts .product .productAddToBasket  .antalEnd {
 width: 4px;
 height: 27px;
 background-position: -12px -152px;
 background-size: 468px 390px;
 }
 #main .jsonSpotProducts .product .productAddToBasket {
 clear: both;
 height: 42px;
 }

 #main .jsonSpotProducts .product .productAddToBasket .atb {
 top: -2px;
 width: 99px;
 height: 23px;
 font-size: 16px;
 line-height: 16px; 
 padding: 8px 2px 0 0;
 margin: 0 0 0 7px;
 background-position: -190px -63px;
 background-size: 564px 470px;
 }
 #main .jsonSpotProducts .product .productAddToBasket .atb:hover {
 background-position: -298px -63px;
 }
 
}

/* 800px - 1024px end */








/* 800px - 1024px Tablet Portrait start */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1)  and (orientation:portrait) { 

 #main #content #contentPane .jsonSpotProducts {
 width: 525px; 
 }
 #main .jsonSpotProducts .product {
 float: left;
 margin: 0 14px 0px 0;
 }
 #main .jsonSpotProducts .productFrame {
 width: 161px;
 height: 308px;
 background-color: #ffffff;
 border-radius: 7px;
 position: relative;
 }
 #main .jsonSpotProducts .product .productImage {
 width: 149px;
 height: 149px;
 top: 6px;
 left: 6px;
 overflow: hidden;
 }
 #main .jsonSpotProducts .product .productImage img {
 width: 149px;
 }
 #main .jsonSpotProducts .product .productImage .noImageText {
 position: absolute;
 top: 10px;
 width: 149px;
 text-align: center;
 color: #cccccc;
 font-style: italic;
 }
 #main .jsonSpotProducts .product .productName {
 display: block;
 width: 150px;
 height: 54px;
 overflow: hidden;
 font-size: 15px;
 line-height: 16px;
 text-align: left;
 color: #333333;
 margin: 4px 0 0 6px;
 }
 #main .jsonSpotProducts .product .productPriceArea {
 position: relative;
 }
 #main .jsonSpotProducts .product .productPriceArea .productOnePrice {
 font-size: 12px;
 color: #666666;
 padding: 0 0 3px 0;
 height: 20px;
 }
 #main .jsonSpotProducts .product .productPriceArea .priceText {
 position: relative;
 float: left;
 }
 #main .jsonSpotProducts .product .productPriceArea .productPrice {
 width: 147px;
 font-size: 20px;
 line-height: 20px;
 font-weight: bold;
 text-align: right;
 text-transform: uppercase;
 }
 #main .jsonSpotProducts .product .productPrice .currency { 
 font-size: 12px;
 font-weight: normal;
 }
 
 #main .jsonSpotProducts .product .productAddToBasket .antal {
 float: left;
 width: 27px;
 height: 27px;
 text-align: center;
 color: #000000;
 font-size: 14px;
 line-height: 14px;
 font-weight: bold;
 padding: 0 0 0 4px;
 margin: 0 0 0 7px;
 background-position: -19px -152px;
 background-size: 468px 390px;
 }
 #main .jsonSpotProducts .product .productAddToBasket  .antalEnd {
 width: 4px;
 height: 27px;
 background-position: -12px -152px;
 background-size: 468px 390px;
 }
 #main .jsonSpotProducts .product .productAddToBasket {
 clear: both;
 height: 42px;
 }

 #main .jsonSpotProducts .product .productAddToBasket .atb {
 top: -2px;
 width: 99px;
 height: 23px;
 font-size: 16px;
 line-height: 16px; 
 padding: 8px 2px 0 0;
 margin: 0 0 0 7px;
 background-position: -190px -63px;
 background-size: 564px 470px;
 }
 #main .jsonSpotProducts .product .productAddToBasket .atb:hover {
 background-position: -298px -63px;
 }

}
/* 800px - 1024px Tablet Portrait end */




/* 1024x - 1200 start */
@media (min-width: 1024px) and (max-width: 1210px) {
  
 #main #content #contentPane .jsonSpotProducts {
 width: 760px;
 }
 #main .jsonSpotProducts .productFrame {
 width: 237px; 
 } 


}
/* 1024x - 1200 end */
 
 
/* Mobile start */
@media (max-width: 767px) {

 #main #top .showMinibasketButton .topBasketQuantity .antal {
 color: #000;
 }
 #top #topDiv {
 height: 105px;
 } 

 #top #topDiv #faktaLogo {
 display: inline-block;
 width: 50%;
 max-width: 165px;
 margin: 42px 50px 0 53px;
 position: relative;
 z-index: 100;
 }


}