html {
height: 100%;
}
body {
background-image: url(/media/181/img/body_bg1.png);
background-repeat: repeat-x;
background-color: #d8dee1;
background-attachment: fixed;
font-family: Arial;
font-size: 12px;
line-height: 13px;
font-weight: normal;
margin: 0;
height: 100%;
position: relative;
}
.customer-row.row-birthday select{
height: 31px;
border: 1px solid #d8dee1;
border-radius: 5px;
padding-left: 6px;
box-sizing: border-box;
}
.customer-info-cell.cell-full{
clear:both;
width:100%;
}
.customer-row.row-birthday .cell-full{
color:#999;
margin-top:8px;
margin-bottom:8px;
}
#main h1 {
font-size: 22px;
line-height: 24px;
margin: 15px 0 15px 0;
}
#main h2 {
font-size:16px;
line-height: 22px;
margin: 0 0 12px 0;
}
#main h3 {
font-size: 13px;
line-height: 14px;
margin: 0 0 5px 0;
}
#main p {
margin: 0 0 5px 0;
}
#main article {
padding: 0 20px 0 0;
}
#main ul.shortcuts {
margin: 0 0 20px 0;
}
#main ul.shortcuts li {
list-style-type: disc;
margin: 0 0 4px 14px;
color: #c50637;
}
#main ul.shortcuts li a {
color: #c50637;
}
#main a:hover {
text-decoration: none;
}
#main {
padding:0;
}
#main #ucInfoMessage {
position: relative;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin: 15px 20px 10px 0;
/* padding: 5px 5px 5px 10px; */
border: 1px solid #40aa40;
background-color: #d9eed9;
}
#main #ucInfoMessage.maxbuy-popup{
border:0;
border-radius:10px;
padding:0;
background:#fff;
position:relative;
overflow:hidden;
}
#main #ucInfoMessage.maxbuy-popup > #ucInfoMessagebdy{
color:#fff;
background: #008e00;
display: inline-block;
width:100%;
}
#main #ucInfoMessage.maxbuy-popup .maxbuy-msg{
width:100%;
}
#main #ucInfoMessage .maxbuy-popup__related-product{
display:inline-block;
}
#main #ucInfoMessage .maxbuy-popup__recommended{
margin:32px 0;
padding:0 32px;
box-sizing: border-box;
width:100%;
height:calc(140px - 64px);
background:#fff;
border-radius: 0 0 10px 10px;
position:relative;
float: left;
overflow:hidden;
}
#main #ucInfoMessage .maxbuy-popup__recommended a{
display:inline-block;
}
#main #ucInfoMessage .owl-carousel .owl-nav,
#main #ucInfoMessage .owl-carousel .owl-next{
color:#c2c2c2;
font-size: 48px;
}
#main #ucInfoMessage .owl-carousel .owl-next{
position: absolute;
right:8px;
top:32px;
}
#main #ucInfoMessage .owl-carousel .owl-prev{
position: absolute;
left:8px;
top:32px;
}
#main #ucInfoMessage .maxbuy-popup__related-product img {
max-width:80px;
}
#main #ucInfoMessage .maxbuy-text{
color: #856404;
background-color: #fff3cd;
padding: 8px 24px;
border: 1px solid #ffeeba;
line-height: 18px;
}
#main #ucInfoMessage .maxbuy__close{
font-weight: bolder;
font-size: 16px;
margin-right: 8px;
margin-top: 8px;
color: #005100;
position: absolute;
right: 0;
top: 0;
}
#main #ucInfoMessage .maxbuy__close:hover{
cursor:pointer;
}
#main #ucInfoMessage.topFloat,
#main #contentPaneCheckout #ucInfoMessage.topFloat {
position:fixed;
box-sizing:border-box;
top: 110px;
left: calc(50% - 220px);
width: 440px;
z-index: 400;
box-shadow: 0 4px 12px black;
padding: 16px;
text-align: center;
}
#main #ucInfoMessage.topFloat.error { border: 1px solid #AA4040; background-color: #F0D0D0; }
#main #ucInfoMessage.topFloat div {
text-align:center;
}
#main #ucInfoMessage.maxbuy-popup #ucInfoMessagebdy > div {
color:#fff;
}
#main #contentPaneCheckout #ucInfoMessage { margin: 15px 20px 10px 20px; }
#main #ucInfoMessage h2#ucInfoMessageh2 {
position: absolute;
top: 5px;
right: 10px;
margin: 0;
font-size: 12px;
color: #40aa40;
cursor: pointer;
}
#main #ucInfoMessagebdy div,
#main #ucInfoMessagebdy div.error,
#main #ucInfoMessagebdy div.warning {
background-color: transparent;
border: none;
text-align: left;
color: #000;
font-size:13px;
}
#main #ucInfoMessage.maxbuy-popup{
padding:0 !important;
}
#main #ucInfoMessage.maxbuy-popup #ucInfoMessagebdy > div{
padding: 16px;
font-weight: bold;
box-sizing: border-box;
border-radius: 10px;
line-height: 18px;
}
#main #createUserMessage {
position: relative;
padding: 10px 10px 10px 10px;
border: 1px solid #40aa40;
background-color: #d9eed9;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin: 15px 18px 10px 0;
text-align: left;
font-size: 13px;
line-height: 16px;
}
#main #createUserMessage a.eseh2 {
position: absolute;
top: 5px;
right: 10px;
margin: 0;
font-size: 12px;
color: #40aa40;
cursor: pointer;
}
/* Framelimit alert */
#main .frameLimitText {
color: #b5002d;
line-height: 15px;
padding: 5px;
}
#main #contentPaneCheckout .frameLimitText {
width: 400px;
padding: 25px;
position: absolute;
top: 300px;
left: 50%;
margin-left: -200px;
z-index: 350;
border: solid 2px #b5002d;
font-weight: bold;
background-color: #ffffff;
border-radius: 8px;
}
#main #contentPaneCheckout .frameLimitText .close {
position: absolute;
top: 5px;
right: 5px;
font-size: 10px;
color: #000000;
}
/* Show sortiment */
#main #showSortimentInfoBar {
text-align: center;
font-weight: bold;
background-color: #b5013f;
padding: 0;
border-radius: 8px;
position: relative;
cursor: pointer;
color: #ffffff;
}
#main #showSortimentInfoBar #showSelectShop {
display: inline-block;
padding: 10px 30px 10px 10px;
}
#main #showSortimentInfoBar a {
position: absolute;
top: 0px;
right: 2px;
color: #ffffff;
padding: 4px 4px 2px 10px;
}
#main #showSortimentInfoBar a .icon {
font-size: 13px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#main #showSortimentInfoBar a .icon::before {
content: "\f00d";
}
#main #content .stroke_left,
#main #content .stroke_right {
width: 0px;
height: 300px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -349px -310px;
position: absolute;
top: 155px;
}
#main #content .stroke_left {
left: 0;
}
#main #content .stroke_right {
right: 0;
}
.holder:after{
display: block;
clear: both;
content: '';
}
.productBusyOverlay,
a#overlay2 ,
a#overlay,
a#shopsBack{
display: none;
width: 100%;
height: 100%;
background-color: #182228;
opacity: 0.4;
position: fixed;
top: 0px;
z-index: 300;
vertical-align: middle;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
left: 0;
border-radius:5px;
}
.productBusyOverlay {position:absolute;line-height: 300px;vertical-align: middle;}
.productBusyOverlay:after {
content:url(/media/181/img/productBusyOverlay.gif?);
display: block;
position: relative;
text-align: center;
top: 40%;
opacity: 1;
}
#loaderDiv .loaderImg {
/* float: left; */
width: auto;
height: 25px;
}
#loaderDiv .loaderMsg{
/* padding-top: 6px; */
vertical-align: super;
}
#loaderDiv {
font-size: 16px;
/* margin: 0 auto;
width: 28%; */
text-align: center;
}
#main #ShopContent .plist1547 .plistpager.first {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: #c3c8cc;
border-bottom: solid 1px #9ca3a9;
height: 18px;
padding: 6px 10px 0 10px;
margin: 0 20px 15px 0;
text-align: right;
}
#main #ShopContent .plist1547 .plistpager.last {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #c3c8cc;
border-top: solid 1px #9ca3a9;
height: 19px;
padding: 5px 10px 0 10px;
margin: 0 20px 15px 0;
text-align: right;
}
/* CVP Popup banner start*/
#main .CVPimageBannerBdy {
margin-bottom:20px;
display: inline-block;
vertical-align: top;
}
#main .CVPimageBannerArrow {
display:inline-block;
}
#main .CVPimageBannerArrow img{
width: 300px !important;
}
#main .CVPimageBannerIcons {
display:inline-block;
vertical-align: top;
margin-top: 6px;
margin-left: 20px;
}
#main .CVPimageBannerIcons img {
width:140px !important;
margin-top:0px !important;
margin-right: 15px;
}
/* CVP Popup banner END*/
/* CVP Popup start */
#CVP_popupBdy {
/*display: block !important;*/
border: solid 1px #c5c5c5;
background-color: #ffffff;
position: absolute;
top: 100px;
z-index: 1500;
left: 50%;
text-align: left;
box-shadow: 0px 0px 10px #444;
margin-left: -503px;
}
#CVP_popupBdy #CVP_cmsLeftContent, #CVP_popupBdy #CVP_cmsRightContent {
padding: 28px 30px;
display: inline-block;
vertical-align: top;
max-width: 698px;
}
#CVP_popupBdy #CVP_cmsRightContent {
border-left: solid 1px #eaeaea;
background-image: url('/media/181/img_CVP_popup/cvpShadow.png');
background-repeat: no-repeat;
background-position: left center;
}
#CVP_popupBdy_overlay {
display: none;
width: 100%;
height: 100%;
background-color: #182228;
opacity: 0.6;
position: fixed;
top: 0;
z-index: 150;
vertical-align: middle;
left: 0;
}
#close_CVP {
position: absolute;
top: 5px;
right: 5px;
}
#close_CVP, #close_CVP i {
color: #000000;
font-size: 25px;
font-weight: bold;
cursor: pointer;
}
#CVP_popupBdy h3,
#main .second-tab h3 {
font-family: Arial, sans-serif;
font-size: 30px;
color: #000000;
font-weight: 400;
margin:0 0 15px 0;
}
#main .second-tab h3,
#main .second-tab h4{
line-height: 30px;
}
#CVP_popupBdy h4,
#main .second-tab h4{
font-family: Arial, sans-serif;
font-size: 24px;
color: #666666;
margin-top: 0;
font-weight: 100;
margin-bottom: 30px;
}
#CVP_popupBdy .CVPimageBdy img,
.second-tab .CVPimageBdy img{
margin: 0 12px;
width: 144px;
height:144px;
}
.second-tab .CVPimageBdy{
padding-top: 12px;
}
.second-tab .CVPimageBdy img{
margin: 0 33px 0 12px;
}
#CVP_popupBdy .CVPquickInfo .CVPquickInfo_pane,
.second-tab .CVPquickInfo .CVPquickInfo_pane {
display: inline-block;
width: 200px;
margin-top: 30px;
vertical-align: top;
margin-right: 30px;
color: #333333;
font-size: 14px;
}
.second-tab .CVPquickInfo .CVPquickInfo_pane{
margin-right: 65px;
}
#CVP_popupBdy .CVPquickInfo .CVPquickInfo_pane h3,
#main .second-tab .CVPquickInfo .CVPquickInfo_pane h3 {
margin-bottom: 30px;
color: #ffffff;
font-size: 18px;
font-weight: bold;
padding: 17px 0 21px 45px;
}
#main .second-tab .CVPquickInfo .CVPquickInfo_pane h3{
line-height: 15px;
}
#CVP_popupBdy .CVPquickInfo .CVPquickInfo_pane h3.step01,
.second-tab .CVPquickInfo .CVPquickInfo_pane h3.step01 {
background-image: url('/media/181/img_CVP_popup/CVP_step01.png');
background-repeat: no-repeat;
}
#CVP_popupBdy .CVPquickInfo .CVPquickInfo_pane h3.step02,
.second-tab .CVPquickInfo .CVPquickInfo_pane h3.step02 {
background-image: url('/media/181/img_CVP_popup/CVP_step02.png');
background-repeat: no-repeat;
}
#CVP_popupBdy .CVPquickInfo .CVPquickInfo_pane h3.step03,
.second-tab .CVPquickInfo .CVPquickInfo_pane h3.step03 {
background-image: url('/media/181/img_CVP_popup/CVP_step03.png');
background-repeat: no-repeat;
}
#CVP_popupBdy #changeStore {
margin-top: 30px;
display: block;
text-align: center;
width: 185px;
background-color: #008d00;
border-radius: 6px;
color: #ffffff;
font-size: 18px;
padding: 10px 0px 12px 0px;
cursor: pointer;
}
#CVP_popupBdy #tilbudsAvisLnkCVP, #CVP_popupBdy #openingHoursLnkCVP {
margin-top: 10px;
display: block;
text-align: center;
width: 185px;
background-color: #008d00;
border-radius: 6px;
color: #ffffff;
font-size: 18px;
padding: 10px 0px 12px 0px;
cursor: pointer;
}
#CVP_cmsRightContent img {
margin: 10px 0px 0px 0px;
}
#CVP_cmsRightContent h4 {
margin: 38px 0px 0px 0px;
}
/* Top 100 Favoritelist */
#main .top-100-header{
margin:15px 0;
}
#main .page-top-100 .sortingContainer{
padding-top:0;
}
/* E-Maerket bottom start */
#main #bottom a.emaerketLink {
display: block;
width: 100px;
height: 104px;
margin: 0 auto 20px auto;
background-image: url(/media/181/img/emaerketBottom_off.png?117031501);
}
#main #bottom a.emaerketLink:hover {
background-image: url(/media/181/img/emaerketBottom_on.png?117031501);
}
#main #topMenu #shoppingcartDisabled {
position: absolute;
top: 0;
right: 0;
width: 176px;
height: 75px;
background-color: #ffffff;
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
cursor: pointer;
}
.ipaper-back-btn{
font-size: 19px;
margin: auto;
padding: 20px;
right: 50%;
width: 18%;
}
#noLocalPopup {
background-color: white;
display: none;
height: 150px;
left: 400px;
position: absolute;
top: 277px;
width: 265px;
}
#noLocalPopup .fa-close{
font-size: 22px;
position: absolute;
right: 9px;
top: 4px;
cursor: pointer;
}
#noLocalPopup .popupBody{
margin-top: 60px;
text-align: center;
}
#main #topMenu #availableTime {
background-color: #b5002d;
border-radius: 6px;
color: white;
font-size: 12px;
height: 66px;
margin-top: 0;
overflow: hidden;
padding: 5px;
position: absolute;
right: 180px;
text-align: center;
top: 0;
}
#main #topMenu #vishuskeliste {
right: 375px;
}
#main #topMenu #skiftbutik {
right: 531px;
}
/* Search start */
#main #topMenu #SearchBox {
right: 374px;
}
.favoriteProductsJsonOuterBdy{padding: 15px 0;}
.favoriteProductsJsonOuterBdy .Tabular thead {display: none;}
.favoriteProductsJsonOuterBdy .Tabular tbody tr{
position: relative;
display: -moz-inline-stack !important;
display: inline-block !important;
width: 178px;
height: 323px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0 -1140px;
margin: 0 14px 14px 0;
overflow: hidden;
border-radius: 5px;
}
.favoriteProductsJsonOuterBdy .Tabular tbody .ProductName a{
display: block;
width: 164px;
height: 34px;
overflow: hidden;
position: absolute;
top: 9px;
left: 9px;
text-align: left;
font-size: 15px;
line-height: 17px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
.favoriteProductsJsonOuterBdy .Tabular tbody .Image {
width: 160px;
height: 160px;
position: absolute;
top: 45px;
left: 9px;
}
.favoriteProductsJsonOuterBdy .Tabular tbody .Image a{
display: block;
}
.favoriteProductsJsonOuterBdy .Tabular tbody .Image img{
width: 100% !important;
height: 100% !important;
}
.favoriteProductsJsonOuterBdy .Tabular tbody .Basket{
position: absolute;
top: 272px;
left: 7px;
width: 168px;
height: 22px;
background-image: none;
background-repeat: no-repeat;
background-position: 0 -1480px;
}
.favoriteProductsJsonOuterBdy .Tabular tbody .Basket input {
text-align: center;
width: 32px;
height: 18px;
font-size: 13px;
background-color: transparent;
border: 1px solid #79838b;
border-radius: 6px;
outline: none;
padding: 1px;
margin-right: 3px;
box-shadow: inset 0 0 4px #bbb;
}
.favoriteProductsJsonOuterBdy .Tabular tbody span.remfav {
display: block;
width: 28px;
text-align: center;
position: absolute;
top: 1px;
right: -5px;
}
.favoriteProductsJsonOuterBdy .Tabular tbody span.remfav img {
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -320px -1480px;
}
.favoriteProductsJsonOuterBdy .Tabular tbody .SalesPrice{
width: 160px;
position: absolute;
top: 225px;
left: 9px;
font-size: 25px;
line-height: 25px;
font-weight: bold;
text-align: right;
}
.favoriteProductsJsonOuterBdy .Tabular tbody .SalesPrice a{
color: #000;
}
@media (max-width: 1024px) {
#main .productPriceArea .notbuyable {
position: absolute;
top: 50px;
}
#CVP_popupBdy .CVPimageBdy img {
max-height: 104px;
max-width: 104px;
}
#CVP_cmsRightContent img {
max-width: 115px;
height:auto;
}
#CVP_popupBdy h1 {
font-size: 24px;
}
#CVP_popupBdy h2 {
font-size: 18px;
}
#CVP_popupBdy .CVPquickInfo .CVPquickInfo_pane h3 {
margin-bottom: 10px;
font-size: 12px;
padding: 12px 0px 21px 37px;
}
#CVP_popupBdy #CVP_cmsLeftContent, #CVP_popupBdy #CVP_cmsRightContent {
padding: 28px 15px;
}
#CVP_popupBdy {
left: 10px;
right: 10px;
margin-left: 0px !important;
}
#CVP_popupBdy .CVPquickInfo .CVPquickInfo_pane h3.step01, #CVP_popupBdy .CVPquickInfo .CVPquickInfo_pane h3.step02, #CVP_popupBdy .CVPquickInfo .CVPquickInfo_pane h3.step03 {
background-size: 80%;
}
#CVP_popupBdy .CVPquickInfo .CVPquickInfo_pane {
width: 172px;
margin-right: 10px;
}
#CVP_popupBdy #tilbudsAvisLnkCVP, #CVP_popupBdy #openingHoursLnkCVP, #CVP_popupBdy #changeStore {
width: 115px;
font-size: 12px;
}
}
/* CVP Popup end */
#main ul.ProductMenuLvl1.oneLinerMenu { text-align: left;}
#main ul.ProductMenuLvl1.oneLinerMenu li { display: inline-block; vertical-align: top; }
#main ul.ProductMenuLvl1.oneLinerMenu li a { padding: 0 19px 0 19px; }
#main ul.ProductMenuLvl1.oneLinerMenu li span {
height: 55px;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 13px;
line-height: 55px;
font-weight: bold;
text-decoration: none;
background-image: none;
background-repeat: repeat-x;
padding: 0px 10px 0 10px;
border-right: solid 1px #626f78;
background-position: 0 -190px;
}
#main ul.ProductMenuLvl1.oneLinerMenu li.more { position: relative; cursor:pointer; border-right: 0;}
#main ul.ProductMenuLvl1.oneLinerMenu li.more:hover span { background-color: #a2002e; }
#main ul.ProductMenuLvl1.oneLinerMenu li.more:hover #moreList { visibility:visible;width: 120px; z-index: 1000;border: solid 1px #626f78; border-top: 0; }
#main ul.ProductMenuLvl1.oneLinerMenu li.more:hover #moreList li a { padding: 0; width: 100%; }
#main ul.ProductMenuLvl1.oneLinerMenu li #moreList { visibility: hidden; position: absolute; right: 0px; z-index: 1000; top: 54px; text-align: center; width: 840px; background-color: #43443f; }
#main ul.ProductMenuLvl1.oneLinerMenu li #moreList li { display:inline-block; padding: 0; border-top: solid 1px #626f78;}
#main ul.ProductMenuLvl1.oneLinerMenu li.more:hover #moreList li { width: 100%; }
#main ul.ProductMenuLvl1.oneLinerMenu li #moreList li a { padding: 9px 20px 0 20px; vertical-align: middle; line-height: 33px; margin: 0; background-position: 0; height: 33px; border-radius:0 ; top: 0px;}
#main ul.ProductMenuLvl1.oneLinerMenu li #moreList li:hover a { background-position: 0 -231px;
top:0; }
#main .jsonProducts.pList1 .product.highlight {
position: relative;
display: inline-block;
background-image: none;
background-repeat: no-repeat;
background-color: white;
/* margin: 0 12px 12px 0; */
box-shadow: 0 0 10px grey;
border-radius: 5px;
border: 1px solid #999;
}
#main .jsonProducts.pList1 .product.highlight a.productName { color:#665; }
/* Search pager start */
#main #ShopContent .plist1547 .plistpager a .icon {
font-size: 12px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #000000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
padding: 0 4px 0 4px;
}
#main #ShopContent .plist1547 .plistpager a .icon.prev::before {
content: "\f0d9";
}
#main #ShopContent .plist1547 .plistpager a .icon.next::before {
content: "\f0da";
}
#main #ShopContent .plist1547 .plistpager span {
color: #999999;
}
#main #ShopContent .plist1547 .plistpager a {
display: inline-block;
color: #000000;
padding: 0 4px 0 4px;
}
#main #ShopContent .plist1547 .plistpager .pagecountspan {
display: inline-block;
padding: 0 10px 0 10px;
color: #5d656c;
}
/* Search pager slut */
/* Popup start */
#pullouts #pulloutheaderbar {
width: 498px;
height: 16px;
background-color: #3c4044;
border: 1px solid #3c4044;
position: absolute;
top: 0;
left: 0;
}
#pullouts #pulloutheaderbar .header {
float: left;
display: block;
color: #ffffff;
padding: 1px 0 0 10px;
line-height: 13px;
}
#pullouts #pulloutheaderbar a.luk {
float: right;
position: relative;
display: block;
color: #ffffff;
margin: 0 5px 0 0;
text-decoration: none;
cursor: pointer;
}
#pullouts #pulloutheaderbar a.luk .icon {
position: relative;
display: inline-block;
padding: 0 7px 0 0;
font-size: 13px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 0 0 5px;
}
#pullouts #pulloutheaderbar a.luk .icon::before {
content: "\f057";
}
#pullout-1 {
margin-left: -250px;
/* left: 83% !important; */
}
/* Pullouts slut */
/* Samtykke start */
.samtykke,
.delete-account__container {
font-size: 11px;
font-style: italic;
color: #666666;
padding-bottom: 20px;
}
.delete-account__container{
clear:both;
display:block;
padding:24px 0 0;
}
/* Samtykke end */
/* GENERELLE STYLES START */
#main .storeBdy img {
width:100%;
max-width: 450px !important;
margin: 15px 15px 0px 0px;
display: inline-block;
vertical-align: top;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
background-color: #FFFFFF !important;
background-image: inherit !important;
color: #666666 !important;
}
@media (max-width: 1212px) {
#main .storeBdy img {
width:100%;
max-width: 96% !important;
margin: 15px 2% 0 2%;
}
}
@media (min-width: 768px) {
#main .newsletterSignup {
padding: 15px 0 0 0;
}
#main #showSortimentInfoBar.basket {
margin-left: 20px;
}
#customTopQuickLinksBdy {display: none;}
#lblMultiProduct { display: inline-block; font-size: 14px; line-height: 25px; font-weight: bold; }
#pMenuSublevelsbdy { display:none; }
/* #main .jsonProducts.pList1 .product.highlight { width: 178px; height: 321px;} */
#FleggardTop { position:relative;}
/* START: top bar */
#topBar {
text-align:left ;margin-bottom: 15px;
background: #efefee; /* Old browsers */
background: -moz-linear-gradient(top, #efefee 0%, #efefee 89%, #e7e7e6 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefee), color-stop(89%,#efefee), color-stop(99%,#e7e7e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefee 0%,#efefee 89%,#e7e7e6 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefee 0%,#efefee 89%,#e7e7e6 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #efefee 0%,#efefee 89%,#e7e7e6 99%); /* IE10+ */
background: linear-gradient(to bottom, #efefee 0%,#efefee 89%,#e7e7e6 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#e7e7e6',GradientType=0 ); /* IE6-9 */
text-align: left;
}
#topBar .InfoMenu1 { display: inline-block; vertical-align: middle;}
#topBar .InfoMenu1 > li { display:inline-block; line-height: 36px; padding: 0 2px; color: #787975; position:relative}
#topBar .InfoMenu1 li a { color: #787975; display: inline-block;}
#topBar > a {display:inline-block; line-height: 36px; padding: 0 4px; color: #787975; vertical-align:middle; }
#topBar > a > img { vertical-align:middle; }
#topBar .InfoMenu1 li:hover, #topBar > a:hover {
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #e5e5e5 90%, #dddddd 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(90%,#e5e5e5), color-stop(99%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#e5e5e5 90%,#dddddd 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e5e5 0%,#e5e5e5 90%,#dddddd 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e5e5 0%,#e5e5e5 90%,#dddddd 99%); /* IE10+ */
background: linear-gradient(to bottom, #e5e5e5 0%,#e5e5e5 90%,#dddddd 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
#topBar .InfoMenu1 li a.dcjq-parent:before { font-family: FontAwesome; font-size: 15px; margin-right: 5px; }
#topBar .InfoMenu1 li:nth-child(1) a.dcjq-parent:before {content: "\f015";}
#topBar .InfoMenu1 li:nth-child(2) a.dcjq-parent:before {content: "\f073";}
#topBar .InfoMenu1 li:nth-child(3) a.dcjq-parent:before {content: "\f129";}
#topBar .InfoMenu1 li:nth-child(4) a.dcjq-parent:before {content: "\f0e0";}
#topBar .InfoMenu1 li:nth-child(5) a.dcjq-parent:before {content: "\f207";}
#topBar .InfoMenu1 li:nth-child(6) a.dcjq-parent:before {content: "\f0f5";}
#topBar > a:nth-of-type(1):before {content: "\f082"; font-family: FontAwesome;font-size: 15px;margin-right: 5px;color: #787975;}
#topBar > a:nth-of-type(2):before {content: ""; }
#topBar .InfoMenu1 > li > ul { display: none; position: absolute; z-index: 1000; background-color: #eee; left:0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;overflow:hidden ; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; /* top: 36px; */ width: 155px;}
#topBar .InfoMenu1 > li:hover > ul { display:block !important; }
#topBar .InfoMenu1 > li > ul > li { line-height: 27px; text-align:left ;
background: #efefee; /* Old browsers */
background: -moz-linear-gradient(top, #efefee 0%, #efefee 89%, #e7e7e6 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefee), color-stop(89%,#efefee), color-stop(99%,#e7e7e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefee 0%,#efefee 89%,#e7e7e6 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefee 0%,#efefee 89%,#e7e7e6 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #efefee 0%,#efefee 89%,#e7e7e6 99%); /* IE10+ */
background: linear-gradient(to bottom, #efefee 0%,#efefee 89%,#e7e7e6 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#e7e7e6',GradientType=0 ); /* IE6-9 */ padding: 0 10px;}
#topBar .InfoMenu1 > li > ul > li.active:before { content: " "; display:inline-block; width: 0; height: 0; border: 5px transparent solid; border-left: 8px grey solid;}
#topBar .InfoMenu1 > li > ul > li.active{
font-weight: bold;
padding-left: 10px;
}
/* END : top bar */
#main #topMenu {
position: relative;
background-color: #ffffff;
}
#main #topMenuDiv {
height: 55px; position: relative; background-color: #43443f;
margin-top: 17px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
z-index: 290;
}
#main #topMenuDiv.fixed-top {
margin-top: 0;
border-radius: 6px;
border-top-left-radius: 0;
border-top-right-radius: 0;
-webkit-box-shadow: 0px 6px 7px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 6px 7px rgba(0,0,0,0.3);
box-shadow: 0px 6px 7px rgba(0,0,0,0.3);
width: 816px;
}
#main #topMenuDiv .hidden-nav-container{
display: none;
}
#main #topMenuDiv.fixed-top .hidden-nav-container{
display: block;
float: right;
position: relative;
background-color: #43443f;
height: 55px;
min-width: 420px;
padding-left: 6px;
border-bottom-right-radius: 6px;
}
#main .fixed-top ul.ProductMenuLvl1{
width: 340px;
}
#main #topMenuDiv.fixed-top .hidden-nav-container #vishuskeliste{
border-radius: 7px;
height: 28px;
/* line-height: 185px; */
position: inherit;
float: left;
right: 0;
margin-top: 13px;
background-color: #70716A;
width: 60px;
}
#main #topMenuDiv.fixed-top .hidden-nav-container #shoppingcart{
height: 55px;
background-color: transparent;
background: none;
position: inherit;
float: right;
min-width: 350px;
padding: 12px 10px 0 0;
box-sizing: border-box;
}
#main #topMenuDiv.fixed-top .hidden-nav-container #vishuskeliste .icon,
#main #topMenuDiv.fixed-top .hidden-nav-container #vishuskeliste .text,
#main #topMenuDiv.fixed-top .hidden-nav-container #vishuskeliste .antal > span{
font-size: 15px;
}
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart .icon {
display: inline-block;
padding: 0 7px 0 0;
font-size: 18px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color: #ffffff;
float: left;
margin-top: 9px;
}
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart #shoppingcartbdy{
float: left;
padding: 4px 8px 0 0;
}
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart #buttons{
float: right;
min-width: 168px;
padding: 2px 5px 0 0;
}
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart .icon::before {
content: "\f07A";
}
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart #shoppingcartbdy .antal{
float: left;
width: 31px;
background-color: #696b65;
border-radius: 5px;
height: 23px;
line-height: 23px;
color: #FFFFFF;
text-align: center;
font-size: 15px;
margin-right: 6px;
}
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart #shoppingcartbdy .currency,
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart #shoppingcartbdy .price{
font-size: 14px;
padding-top: 6px;
width: auto;
}
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart #shoppingcartbdy .price{
min-width: 60px;
}
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart #buttons a#visindhold{
font-size: 14px;
float: left;
width: auto;
padding: 4px 6px;
border-radius: 5px;
}
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart #buttons a#bestilvarer{
font-size: 14px;
float: right;
width: auto;
padding: 4px 6px;
border-radius: 5px;
}
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart #buttons a#visindhold .text,
#main #topMenu .fixed-top .hidden-nav-container #shoppingcart #buttons a#bestilvarer .text{
font-size: 14px;
padding: 0;
}
#main #responsiveMenu {
display: none;
}
#main #content {
background-color: #ffffff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
margin: 0 0 15px 0;
}
#main #content #contentPane {
float: right;
width: 966px;
min-height: 666px;
text-align: left;
background-color: transparent;
}
#main #content #leftPane {
float: left;
width: 234px;
min-height: 666px;
padding: 0 0 10px 0;
}
/* Logo og payoff start */
#main #topMenu a#FleggaardLogo {
display: block;
width: 82px;
height: 81px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
margin: 0 0 8px 10px;
}
#main #topMenu a#FleggaardPayoff {
display: block;
width: 223px;
height: 16px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -102px -2px;
position: absolute;
top: 54px;
left: 130px;
}
#main.sv #topMenu a#FleggaardPayoff {
height: 30px;
background-image: url(/media/181/img/grafik1.png?01041505);
background-position: 0px -3040px;
}
/* Logo og payoff slut */
/* Search start */
#main #topMenu #SearchBox {
display: none !important;
width: 357px;
height: 36px;
position: absolute;
top: 39px;
background-color: #e6e6e6;
border-radius: 6px;
line-height: 34px;
text-align: left;
background-image: none;
}
#main #topMenu #SearchBox h2 {
display: none;
}
#main #topMenu #SearchBox .textbox {
margin: 0 5px 0 5px;
width: 228px;
height: 26px;
font-size: 14px;
color: #575756;
border: none;
outline: none;
padding: 0 5px;
background-color: transparent;
vertical-align: middle;
border-bottom:1px solid transparent;
}
#main #topMenu #SearchBox .textbox:hover { background-color: #d7d7d7; border-radius: 6px; }
#main #topMenu #SearchBox .textbox:focus, #main #topMenu #SearchBox .textbox:hover:focus { border-bottom:1px solid grey; background-color: transparent; border-radius: 0px; }
#main #topMenu #SearchBox .submit {
width: 66px;
height: 27px;
font-size: 14px;
color: #ffffff;
/* font-weight: bold; */
border: none;
outline: none;
padding: 0;
background-color: #43443f;
border-radius: 4px;
vertical-align: middle;
}
#main #topMenu #SearchBox .submit:hover { background-color: #767771; }
#main #topMenu #SearchBox .submit:active { background-color: #000; }
#main #topMenu #SearchBox:before { content: "\f002"; font-family: FontAwesome; font-size: 16px; margin-left: 13px; vertical-align: middle;}
/* Search slut */
/* Search Autocomplete start */
#main div#AdvancedSearchResultsContainer {
position: relative;
z-index: 300;
}
#main div#AdvancedSearchResultsContainer ul#ui-id-1 {
width: 350px !important;
top: 5px !important;
left: 0px !important;
}
#main div#AdvancedSearchResultsContainer .ui-corner-all {
margin: 3px;
text-align: left;
padding: 0 0 2px 0;
border: solid 1px #dddddd;
}
#main div#AdvancedSearchResultsContainer .ui-state-focus {
border: 1px solid #bbbbbb !important;
background-image: none !important;
background-color: transparent !important;
}
#main div#AdvancedSearchResultsContainer .list_item_image {
display: inline-block !important;
vertical-align: top;
}
#main div#AdvancedSearchResultsContainer .list_item_container > div {
display: inline-block !important;
vertical-align: top;
padding: 4px 0 0 10px;
}
#main div#AdvancedSearchResultsContainer .label {
font-weight: bold;
display: inline;
}
#main div#AdvancedSearchResultsContainer .price {
display: none;
}
#main div#AdvancedSearchResultsContainer .autocomplete-footer span {
display: block;
margin: 5px;
cursor: pointer;
}
/* Search Autocomplete slut */
/* Basket-short top start */
#main #topMenu #shoppingcart {
position: absolute;
top: 0;
right: 0;
width: 176px;
height: 75px;
background-repeat: no-repeat;
background-position: 0 -760px;
text-align: center;
background-color: #43443f;
color: white;
border-radius: 6px;
overflow: hidden;
background-image: none;
}
#main #topMenu #shoppingcart #header {background-color: #2d2f2b;text-align: left;height: 24px;padding-left: 11px;font-size: 13px;line-height: 20px;}
#main #topMenu #shoppingcart #header .icon {
/* position: relative; */
display: inline-block;
padding: 0 7px 0 0;
font-size: 17px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: inherit;
}
#main #topMenu #shoppingcart #header .icon::before {
content: "\f07A";
}
#main #topMenu #shoppingcart #header .text {
position: relative;
display: inline-block;
text-align: center;
color: #ffffff;
}
#main #topMenu #shoppingcart #shoppingcartbdy {
padding: 5px 0 0 10px;
text-align: left;
height: 32px;
box-sizing: border-box;
line-height: 13px !important;
}
#main #topMenu #shoppingcart #shoppingcartbdy .items_label {
display: inline-block;
width: 70px;
}
#main #topMenu #shoppingcart #shoppingcartbdy .currency {
display: inline-block;
width: 35px;
}
#main #topMenu #shoppingcart #shoppingcartbdy .price {
display: inline-block;
width: 51px;
text-align: right;
}
#main #topMenu #shoppingcart #shoppingcartbdy .antal_label {
display: inline-block;
width: 105px;
}
#main #topMenu #shoppingcart #shoppingcartbdy .antal {
display: inline-block;
width: 51px;
text-align: right;
}
#main #topMenu #shoppingcart #buttons { text-align:left; height: 20px; line-height: 18px; }
#main #topMenu #shoppingcart #buttons a#visindhold { display: inline-block; width: 50%; text-align: center; background-color: #63645f; background-image: none; margin: 0; height: initial;}
#main #topMenu #shoppingcart #buttons a#visindhold:hover { background-color:#767770; }
#main #topMenu #shoppingcart #buttons a#bestilvarer { display: inline-block; width: 50%; text-align: center; background-color: #008d00; margin: 0; background-image: none; height: initial;}
#main #topMenu #shoppingcart #buttons a#bestilvarer:hover {background-color: #00a600}
#main #topMenu #shoppingcart #buttons a#visindhold .text,
#main #topMenu #shoppingcart #buttons a#bestilvarer .text {
text-align: center; display: inline-block; padding: 1px 0 0 0; color: #ffffff; font-size: 11px; }
/* Basket-short top start */
/* Vis indhold start */
#main #topMenu #basketVisIndhold {
display: none;
position: absolute;
z-index: 350;
background-color: #ffffff;
top: 29px;
right: 6px;
width: 473px;
border: 1px solid #3c4044;
box-shadow:0 0 12px rgba(0,0,0,0.4);
border-radius: 6px;
}
#main #topMenu #basketVisIndhold #VisIndholdheaderbar {
width: 473px;
height: 24px;
background-color: #3c4044;
border: 1px solid #3c4044;
font-size: 17px;
line-height: 22px;
text-align: left;
}
#main #topMenu #basketVisIndhold #VisIndholdheaderbar:before {
content: "\f07A";
color: white;
vertical-align: middle;
font-family: FontAwesome; margin: 0 5px 0 10px;
}
#main #topMenu #basketVisIndhold #VisIndholdheaderbar .header {
float: initial;
display: initial;
color: #ffffff;
padding: 1px 0 0 1px;
vertical-align: middle;
line-height: inherit;
}
#main #topMenu #basketVisIndhold #VisIndholdheaderbar a.luk {
float: right;
position: relative;
display: inline-block;
color: #ffffff;
margin: 0 5px 0 0;
text-decoration: none;
font-size: 14px;
}
#main #topMenu #basketVisIndhold #VisIndholdheaderbar a.luk .icon {
position: relative;
display: inline-block;
padding: 0 7px 0 0;
font-size: 13px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 0 0 5px;
}
#main #topMenu #basketVisIndhold #VisIndholdheaderbar a.luk .icon::before {
content: "\f057";
}
#main #topMenu #basketVisIndhold .earliestPickuptime { background-color: #f7f7f7; border-radius: 6px; font-size: 14px; margin: 0 30px; line-height: 30px; margin-top: 10px; color: #5f6b75; box-shadow: 1px 1px 6px #dbdbdb;}
#main #topMenu #basketVisIndhold .earliestPickuptime em { font-weight: bold; color: #060606;}
#main #topMenu #visindholdContent { width: 450px; margin: 0 0 0 20px; }
#main #visindholdTop {
padding: 20px 0 0 0;
}
#visindholdBottom {
padding: 10px 0 20px 0;
}
#main #visindholdTop .afhentningssted,
#main #visindholdBottom .afhentningssted {
font-size: 16px;
font-weight: bold;
}
#main #visindholdTop .afhentningssted span.label,
#main #visindholdBottom .afhentningssted span.label {
color: #596670;
}
#main #visindholdTop .afhentningssted span.butik,
#main #visindholdBottom .afhentningssted span.butik {
display: inline-block;
padding: 0 0 0 7px;
color: #5343f48;
}
#main #basketVisIndhold .buttons {
text-align: left;
margin: 10px 0 10px 30px;
width: 408px;
position: relative;
height: 40px;
}
#main #basketVisIndhold .buttons .shopvidere {
position: absolute;
top: 10px;
left: 0;
display: block;
width: 90px;
height: 18px;
background-color: #5e6c75;
border-radius: 6px; line-height: 15px;
background-image: none;
}
#main #basketVisIndhold .buttons .shopvidere:hover { background-color: #718491; }
#main #basketVisIndhold .buttons .shopvidere:active { background-color: #424d55; }
#main #basketVisIndhold .buttons .shopvidere span { text-align: center; display: block; padding: 2px 0 0 0; color: #ffffff; }
#main #basketVisIndhold .buttons .gaatilbestilling {
position: absolute;
top: 10px;
right: 0;
display: block;
width: 120px;
height: 20px;
background-color: #41a941;
border-radius: 6px;
line-height: 15px;
background-image: none;
}
#main #basketVisIndhold .buttons .gaatilbestilling:hover { background-color: #47b547; }
#main #basketVisIndhold .buttons .gaatilbestilling:active { background-color: #2f7e2f; }
#main #basketVisIndhold .buttons .gaatilbestilling span {
text-align: center;
display: block;
padding: 3px 0 0 0;
color: #ffffff;
}
#main #visindholdContent {
width: 450px;
margin: 0 0 0 9px;
position: relative;
}
#main #visindholdContent #ec32 table {
width: 440px;
text-align: left;
}
#main #visindholdContent #ec32 table.newBasket{
width: 440px !important;
max-width: 440px !important;
}
#main #visindholdContent #ec32 table td.HeaderBar {
color: #9a9fa3;
border-bottom: solid 1px #9a9fa3;
font-size: 11px;
padding: 0 0 3px 0;
}
#main #visindholdContent #ec32 table td {
vertical-align: top;
padding: 5px 0 5px 0;
border-bottom: solid 1px #e6e6e6;
border-spacing: 0;
}
#main #visindholdContent #ec32 table tr.discountRow td {
padding: 8px 0 7px;
}
#main #visindholdContent #ec32 table td.c1,
#main #visindholdContent #ec32 table td.c9 {
border-bottom: none;
}
#main #visindholdContent #ec32 table td.content.c1 {
width: 40px;
padding: 5px 0 15px 0;
}
#main #visindholdContent #ec32 table td.content.c4 {
width: 230px;
overflow: hidden;
white-space: nowrap;
}
#main #visindholdContent #ec32 table td.content.c4 a {
font-size: 12px;
font-weight: bold;
color: #000000;
position: relative;
display: block;
width: 225px !important;
height: 40px;
overflow: hidden;
white-space: nowrap;
}
#main #visindholdContent #ec32 table td.content.c4 a .discountSpan {
display: block;
width: 210px;
position: absolute;
top: 27px;
left: 0px;
font-size: 12px;
line-height: 12px;
text-align: left;
font-weight: bold;
}
#main #visindholdContent #ec32 table td.content.c4 a .priceSpan {
display: block;
width: 160px;
position: absolute;
top: 14px;
left: 0px;
font-size: 12px;
line-height: 12px;
font-weight: normal;
}
#main #visindholdContent #ec32 table tr.discountRow td.content.c4 {
text-align: right;
}
#main #visindholdContent #ec32 table tr.discountRow td.content.c4 a {
display: block;
font-size: 12px;
font-weight: bold;
color: #33a433;
padding: 0 5px 0 0;
height: 15px;
}
#main #visindholdContent #ec32 table td.content.c5 {
width: 40px;
padding: 2px 0 0 0;
}
#main #visindholdContent #ec32 table td.content.c8 {
width: 105px;
text-align: right;
font-size: 13px;
font-weight: bold;
}
#main #visindholdContent #ec32 table td.content.c9 {
width: 25px;
text-align: right;
}
#main #visindholdContent #ec32 table td.content.c5 input {
width: 30px;
height: 16px;
background-color: transparent;
border: none;
outline: none;
text-align: center;
padding: 1px;
}
#main #visindholdContent #ec32 table td.content.c9 img {
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -320px -1480px;
}
#main #visindholdContent #ec32 table tr.discountRow td a,
#main #visindholdContent #ec32 table tr.discountRow td span {
display: none;
}
#main #visindholdContent #ec32 table tr.discountRow td.c4 a {
display: block;
}
#main #visindholdContent #ec38 {
width: 415px;
height: 40px;
position: relative;
font-size: 13px;
}
#main #visindholdContent #ec38 table {
position: absolute;
right: 0;
width: 375px;
font-weight: bold;
}
#main #visindholdContent #ec38 table td {
padding: 5px 0 0 0;
}
#main #visindholdContent #ec38 table td.c1 {
width: 240px;
text-align: left;
font-size: 12px;
}
#main #visindholdContent #ec38 table td.c2 {
width: 109px;
text-align: right;
font-size: 13px;
}
#main #visindholdContent #ec38 table td.c3 {
width: 26px;
}
#main #visindholdContent #ec38 table tr.ec38Tax {
display: none;
}
#main #visindholdContent #ec38 table tr.ec38Total td {
padding: 10px 0 0 0;
}
#main #visindholdContent #ec32 table.newBasket tr.dgItem td.content.c3,
#main #visindholdContent #ec32 table.newBasket tr.dgItem td.content.c6,
#main #visindholdContent #ec32 table.newBasket tr.HeaderBar td.HeaderBar.c3,
#main #visindholdContent #ec32 table.newBasket tr.HeaderBar td.HeaderBar.c6,
#main #visindholdContent #ec32 table.newBasket tr.package-hide{
display: none !important;
}
#main #visindholdContent #ec32 table.newBasket tr.discountRow td.content.c5 {
font-size: 0;
opacity: 0;
}
#main #visindholdContent #ec32 table.newBasket tr td.c5{
text-align: center;
}
#main #visindholdContent #ec32 table.newBasket tr.dgItem td.content.c5 {
padding-top: 3px;
}
/* Vis indhold slut */
/* Password Reset popup */
#main #ucInfoMessage.topFloat.close-button{
padding: 12px 5px 5px 10px !important;
}
#main #ucInfoMessage.close-button h2#ucInfoMessageh2{
top: 0 !important;
right: 5px !important;
}
/* Framelimit alert */
#main .frameLimitText {
color: #9d1137;
line-height: 15px;
padding: 5px;
}
/* Skift butik start */
#main #topMenu #skiftbutik {
position: absolute;
top: 0;
width: 197px;
height: 29px;
text-align: left;
background-color: #d88a19;
border-radius: 6px;
/* border: 1px solid #e2a854; */
overflow: hidden;
background-image: none;
}
#main #topMenu #skiftbutik:hover { background-color: #ea961d; }
#main #topMenu #skiftbutik .icon {
position: relative;
display: inline-block;
padding: 0 5px 0 8px;
font-size: 14px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 30px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#main #topMenu #skiftbutik .icon::before { content: "\f005"; font-size: 15px; vertical-align: middle; }
#main #topMenu #skiftbutik .butiktext { position: relative; display: inline-block; text-align: center; color: #ffffff; padding: 0 2px 0 2px; vertical-align: middle; line-height: 30px; }
#main #topMenu #skiftbutik::after { content: "\f05a"; color:white; font-size: 1.5em; vertical-align: middle; font-family: FontAwesome; float: right; display: block; line-height: 29px; padding: 0 8px; background-color: #c37c15; border-left: 1px solid #b77414;}
#main #topMenu #skiftbutik:hover::after { background-color: #cf8316; border-left: 1px solid #c17b17; }
/* Click & Collect start */
#main #topMenu #shopselect.clickcollect {
width: 682px;
}
#main #topMenu #shopselect.clickcollect .tabs ul li.tabs-head {
padding: 18px 0;
text-align: center;
}
#main #topMenu #shopselect.clickcollect .tabs ul li.tabs-head.first-tab-head {
width: 205px;
}
#main #topMenu #shopselect.clickcollect .tabs ul li.tabs-head.second-tab-head {
width: 205px;
}
#main #topMenu #shopselect.clickcollect .tabs ul li.tabs-head.third-tab-head {
width: 270px;
}
#main #topMenu #shopselect.clickcollect .tabs ul {
/* background:#2b3d48; */
}
#main #topMenu #shopselect.clickcollect .tabs ul li.tabs-head {
background:#2b3d48;
color: #ffffff;
}
#main #topMenu #shopselect.clickcollect .tabs ul li.active.tabs-head,
#main #topMenu #shopselect.clickcollect .tabs ul li.active.tabs-head:hover,
#main #topMenu #shopselect.clickcollect .tabs ul li.tabs-head:hover{
background:#b5013a;
}
#main #topMenu #shopselect.clickcollect .tabs-holder {
min-height: 510px;
overflow: inherit;
}
#main #topMenu #shopselect.clickcollect .select-shop {
padding: 5px 20px 20px 20px;
width: 320px;
min-height: 485px;
box-sizing: inherit;
}
#main #topMenu #shopselect.clickcollect .location input {
display: none;
}
#main #topMenu #shopselect.clickcollect .location {
display: block;
position: relative;
color: #000000;
cursor: pointer;
line-height: 24px;
background-color: #cccccc;
height: 31px;
border-bottom: solid 1px #ffffff;
}
#main #topMenu #shopselect.clickcollect .location input + label {
display: block;
width: 320px;
height: 30px;
border: 0;
outline: none;
background-color: transparent;
background-image: url(/media/181/img/selectShop_input_bg1.jpg);
background-size: 320px 30px;
background-repeat: no-repeat;
padding: 4px 0 4px 37px;
cursor: pointer;
font-weight: bold;
}
#main #topMenu #shopselect.clickcollect .location:hover input + label {
background-image: url(/media/181/img/selectShop_input_bg2.jpg);
}
#main #topMenu #shopselect.clickcollect .location input:checked + label {
background-image: url(/media/181/img/selectShop_input_bg3.jpg);
color: #ffffff;
}
#main #topMenu #shopselect.clickcollect .location span.number {
position: absolute;
display: block;
width: 30px;
height: 30px;
right: 0;
top: 0;
font-size: 12px;
font-weight: bold;
line-height: 30px;
color: #ffffff;
text-align: center;
background-color: #2a3e49;
}
#main #topMenu #shopselect.clickcollect .clickCollectBtn a {
position: absolute;
right: 340px;
bottom: 0px;
display: block;
text-align: center;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
background-color: #008d00;
border-radius: 4px;
height: 34px;
line-height: 34px;
margin-bottom: 20px;
padding: 0 25px;
}
#main #topMenu #shopselect.clickcollect .clickCollectBtn a.Disabled {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
cursor: not-allowed;
}
#main #topMenu #shopselect.clickcollect .clickCollectInfo {
width: 289px;
min-height: 480px;
padding: 15px;
float: left;
background-color: #f7f5f5;
position: relative;
}
#main #topMenu #shopselect.clickcollect .clickCollectInfo .shopSelectSplatNyhed {
position: absolute;
top: -5px;
right: -80px;
width: 150px;
height: 150px;
}
#main #topMenu #shopselect.clickcollect .clickCollectInfo .ClickCollectInfoDK2 {
position: absolute;
bottom: 20px;
width: 295px;
}
#main #topMenu #shopselect.clickcollect .clickCollectInfo p {
line-height: 15px;
max-width: 235px;
}
#main #topMenu #shopselect.clickcollect .clickCollectInfo h3 {
color: #b5223a;
margin: 7px 0 5px 0;
font-size: 18px;
line-height: 20px;
}
#main #topMenu #shopselect.clickcollect .clickCollectInfo h4 {
margin: 3px 0 5px 0;
}
#main #topMenu #shopselect.clickcollect .clickCollectInfo img {
margin: 5px 0 0px 0;
}
#main #topMenu #shopselect.clickcollect .customerLoginBdy h3 {
color: #ffffff;
}
#main #topMenu #shopselect.clickcollect .login-shop {
width: 240px;
min-height: 440px;
background-color: #ffffff;
padding: 30px;
border-right: 1px solid #c5c5c5;
}
#main #topMenu #shopselect.clickcollect .digiEksportInfo {
float: left;
width: 439px;
min-height: 540px;
background-color: #f7f5f5;
box-sizing: border-box;
padding: 20px;
}
#main #topMenu #shopselect.clickcollect .digiEksportInfo h3 {
font-size: 18px;
line-height: 19px;
margin: 8px 0 20px 0;
font-weight: bold;
}
#main #topMenu #shopselect.clickcollect .second-tab {
padding: 0;
}
/* Click & Collect end */
/* Show Sortiment start */
#main #topMenu #shopselect.clickcollect #showsortimentTop {
padding: 12px 0 25px 0;
overflow: hidden;
}
#main #topMenu #shopselect.clickcollect #showsortimentCMS h3 {
font-size: 17px;
line-height: 18px;
margin: 0 0 10px 0;
padding: 10px 0 0 0;
}
#main #topMenu #shopselect.clickcollect .showsortimentBtn a {
position: absolute;
right: 340px;
bottom: 0px;
display: block;
text-align: center;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
background-color: #008d00;
border-radius: 4px;
height: 34px;
line-height: 34px;
margin-bottom: 20px;
padding: 0 25px;
}
#main #topMenu #shopselect.clickcollect .showsortimentBtn a.Disabled {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
cursor: not-allowed;
}
#main #topMenu #shopselect.clickcollect .showsortimentInfo {
width: 289px;
min-height: 605px;
padding: 15px;
float: left;
background-color: #f7f5f5;
position: relative;
}
#main #topMenu #shopselect.clickcollect .showsortimentInfo .shopSelectSplatNyhed {
position: absolute;
top: -5px;
right: -80px;
width: 150px;
height: 150px;
}
#main #topMenu #shopselect.clickcollect .showsortimentInfo p {
line-height: 15px;
max-width: 235px;
}
#main #topMenu #shopselect.clickcollect .showsortimentInfo h3 {
color: #b5223a;
margin: 7px 0 5px 0;
font-size: 18px;
line-height: 20px;
}
#main #topMenu #shopselect.clickcollect .showsortimentInfo h4 {
margin: 3px 0 5px 0;
}
#main #topMenu #shopselect.clickcollect .showsortimentInfo img {
margin: 5px 0 0px 0;
}
#main #topMenu #shopselect.clickcollect .location.cc input + label {
padding: 0 0 4px 37px
}
#main #topMenu #shopselect.clickcollect .location input + label .CCpossible {
display: block;
font-size: 8px;
line-height: 8px;
font-weight: normal;
position: relative;
top: -4px;
}
/* Show Sortiment end */
/* Smartsearch start */
#main #SearchBox {
display: none !important;
}
#main #topMenu .quick-search {
display: block !important;
width: 357px;
height: 36px;
position: absolute;
top: 39px;
right: 374px;
background-color: #e6e6e6;
border-radius: 6px;
line-height: 34px;
text-align: left;
background-image: none;
}
#main #topMenu .quick-search .quick-search-input {
margin: 0 5px 0 5px;
width: 228px;
height: 26px;
font-size: 14px;
color: #575756;
border: none;
outline: none;
padding: 0 5px;
background-color: transparent;
vertical-align: middle;
border-bottom:1px solid transparent;
}
#main #topMenu .quick-search .quick-search-input:hover {
background-color: #d7d7d7; border-radius: 6px;
}
#main #topMenu .quick-search .quick-search-input:focus,
#main #topMenu .quick-search .quick-search-input :hover:focus {
border-bottom:1px solid grey; background-color: transparent; border-radius: 0px;
}
#main #topMenu .quick-search .quick-search-close {
display: none;
}
#main #topMenu .quick-search .quick-search-button {
width: 66px;
height: 27px;
font-size: 14px;
line-height: 14px;
color: #ffffff;
/* font-weight: bold; */
border: none;
outline: none;
padding: 0;
background-color: #43443f;
border-radius: 4px;
vertical-align: middle;
display: inline-block;
text-align: center;
}
#main #topMenu .quick-search .quick-search-button .text {
display: inline-block;
padding: 6px 0 0 0;
}
#main #topMenu .quick-search .quick-search-button:hover {
background-color: #767771;
}
#main #topMenu .quick-search .quick-search-button:active {
background-color: #000;
}
#main #topMenu .quick-search:before {
content: "\f002";
font-family: FontAwesome;
font-size: 16px;
margin-left: 13px;
vertical-align: middle;
}
#main #topMenu .quick-search-list {
display: none;
position: absolute;
width: 450px;
top: 135px;
right: 281px;
background-color: #ffffff;
z-index: 310;
border-radius: 6px;
padding-top: 5px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
}
#main .quick-search-list {
text-align: left;
margin: 0;
position: relative;
padding: 0;
}
#main .plistE6 {
margin: 0 0 0 10px;
/* width: 292px; */
}
#main .quick-search-list {
}
#main .quick-search-list .product.highlight {
border: none !important;
border-bottom: 1px solid #a09f9f !important;
box-shadow: none !important;
border-radius: 0px !important;
margin: 0 !important;
background-color: #e5e6e6;
}
#main .quick-search-list .product {
position: relative;
width: 100%;
height: 80px;
background-image: none;
margin: 0 0 0 0;
border-bottom: 1px solid #ecebec;
}
#main .quick-search-list .product a.productName {
height: 15px;
position: absolute;
top: 0px;
left: 78px;
text-align: left;
font-size: 14px;
line-height: 14px;
font-weight: bold;
color: #434244 !important;
text-decoration: none;
padding: 5px 0 0 0;
overflow: hidden;
}
#main .quick-search-list .product .splash {
width: 60px;
height: 50px;
position: absolute;
top: 31px;
left: 78px;
background-image: url(/media/209/img/splash.png);
background-repeat: no-repeat;
background-position: -216px 0;
}
#main .quick-search-list .product .productImage {
width: 66px;
height: 66px;
padding: 5px 0 0 10px;
}
#main .quick-search-list .product .productImage img {
width: 66px !important;
height: 66px !important;
}
#main .quick-search-list .product .productPriceArea {
position: absolute;
top: 22px;
left: 78px;
width: 180px;
}
#main .quick-search-list .product .productPriceArea .max {
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
color: #9d1135;
}
#main .quick-search-list .product .productPriceArea .productOnePrice {
font-size: 11px;
line-height: 11px;
}
#main .quick-search-list .product .productPriceArea .productUnitPrice {
width: 250px !important;
}
#main .quick-search-list .product .productPriceArea .familyPriceAmount,
#main #shoppingCartList .product .productPriceArea .totalText {
position: absolute;
top: 35px;
font-size: 13px;
line-height: 13px;
font-weight: bold;
}
#main .quick-search-list .product .productPriceArea .productPrice {
position: absolute;
top: 26px;
right: 0;
font-size: 24px;
line-height: 24px;
font-weight: bold;
text-align: right;
}
#main .quick-search-list .product .productPriceArea .productPrice .currency {
font-size: 10px;
font-weight: normal;
display: inline-block;
padding: 0 5px 0 0;
}
#main .quick-search-list .product .productPriceArea .productPrice sup {
position: relative;
font-size: 12px;
top: -8px;
}
#main .quick-search-list .product .productPriceArea .productPriceEuro {
display: none;
position: absolute;
top: 33px;
width: 106px;
font-size: 11px;
text-align: right;
color: #666666;
}
#main .quick-search-list .product .productPriceArea .maxAmount {
position: absolute;
width: 60px;
top: 31px;
font-size: 9px;
line-height: 9px;
text-transform: uppercase;
font-weight: bold;
color: #9d1135;
}
#main .quick-search-list .product .mobileAddToBasket {
top: 47px;
right: 15px;
}
#main .quick-search-list .product .notbuyable {
position: absolute;
top: 50px;
right: 14px;
width: 160px;
height: 22px;
font-size: 10px;
line-height: 10px;
text-align: center;
color: #9d1135;
}
#main .quick-search-list .product .mobileUpdateInBasket {
top: 47px;
right: 14px;
}
#main .quick-search-list .product .productAddToFavorites {
display: none;
position: absolute;
top: 232px;
left: 6px;
width: 122px;
text-align: center;
}
#main .quick-search-list .product .productAddToFavorites a {
color: #000000;
text-decoration: none;
cursor: pointer;
}
#main .quick-search-list .product .productAddToFavorites a:hover {
color: #9d1135;
}
.products .splashImg {
position:absolute;
top: 40px;
right: 68px;
width: 55px;
height: auto;
}
#main .quick-search-list .products .product img.splashImg2 { width: 40px; position: absolute; z-index: 10; }
#main .quick-search-list .products .product img.splashImg-TopRight { top: 10px; left: 30px; }
#main .quick-search-list .products .product img.splashImg-TopLeft { top: 10px; left: 5px; }
#main .quick-search-list .products .product img.splashImg-BottomRight { top: 30px; left: 30px; }
#main .quick-search-list .products .product img.splashImg-BottomLeft { top: 30px; left: 5px; }
#main .quick-search-list .plistAreaHeader .elementKindProduct img.splashImg2 { width: 40px; position: absolute; z-index: 10; }
#main .quick-search-list .plistAreaHeader .elementKindProduct img.splashImg-TopRight { top: 10px; left: 30px; }
#main .quick-search-list .plistAreaHeader .elementKindProduct img.splashImg-TopLeft { top: 10px; left: 5px; }
#main .quick-search-list .plistAreaHeader .elementKindProduct img.splashImg-BottomRight { top: 30px; left: 30px; }
#main .quick-search-list .plistAreaHeader .elementKindProduct img.splashImg-BottomLeft { top: 30px; left: 5px; }
#main .quick-search-list .QuickSearchEmpty {
padding: 28px;
text-align: center;
font-size: 16px;
line-height: 16px;
font-weight: bold;
font-style: italic;
}
/* Smartsearch end */
/* Minibasket start */
#main #topMenu .miniBasketMobile {
/* display: block !important; */
}
#main #topMenu .miniBasketMobile {
position: absolute;
z-index: 350;
background-color: #ffffff;
top: 70px;
right: 6px;
width: 513px;
border: 1px solid #3c4044;
box-shadow:0 0 12px rgba(0,0,0,0.4);
border-radius: 6px;
}
#main #topMenu .miniBasketMobile #VikingVoucher {
padding: 0 3% 15px 3%;
text-align: left;
}
#main #topMenu .miniBasketMobile #VikingVoucher .hidden {
display: none;
}
#main #topMenu .miniBasketMobile #VikingVoucher #VikingVoucherInput {
width: 102px;
height: 26px;
background-color: transparent;
border: none;
background-image: url(/media/181/img/checkout.png?14031501);
background-repeat: no-repeat;
background-position: 0px -790px;
text-align: center;
padding: 1px;
font-family: Arial;
margin: 0 5px 0 0;
}
#main #topMenu .miniBasketMobile #VikingVoucher #VikingVoucherBtn {
border: none;
display: inline-block;
background-color: #c70d3f;
color: #ffffff;
height: 25px;
text-align: center;
padding: 2px 10px 0 10px;
border-radius: 6px;
font-size: 13px;
line-height: 13px;
}
#main #topMenu #shoppingCartList .close {
position: absolute;
display: block;
top: -8px;
right: -8px;
width: 21px;
height: 21px;
background-color: #a10028;
border-radius: 12px;
border: solid 1px #ffffff;
text-align: left;
}
#main #topMenu #shoppingCartList .close span {
display: block;
position: relative;
top: 2px;
left: 6px;
color: #ffffff;
font-weight: bold;
font-size: 19px;
line-height: 18px;
}
#main #topMenu #shoppingCartList .earliest-pickup {
/*width: 90%; */
margin: 10px 3% 10px 3%;
padding: 10px;
background-color: #a10028;
text-align: center;
color: #ffffff;
border-radius: 6px;
}
#main #topMenu #shoppingCartList .earliest-pickup .earliest-pickup-time {
font-weight: bold;
}
#main #topMenu #shoppingCartList .buttons {
padding: 10px 20px 0 20px;
height: 50px;
clear: both;
}
#main #topMenu #shoppingCartList .buttons .shopvidere {
float: left;
width: 27%;
display: inline-block;
background-color: #333f48;
color: #ffffff;
height: 20px;
text-align: center;
padding: 5px 0 0 0;
border-radius: 6px;
font-size: 13px;
line-height: 13px;
}
#main #topMenu #shoppingCartList .buttons .gaatilbestilling {
float: right;
width: 70%;
display: inline-block;
background-color: #41a941;
color: #ffffff;
height: 20px;
text-align: center;
padding: 5px 0 0 0;
border-radius: 6px;
font-size: 13px;
line-height: 13px;
}
#main #topMenu #shoppingCartList .buttons .gaatilbestillingDisabled {
float: right;
width: 70%;
display: inline-block;
background-color: #c70d3f;
color: #ffffff;
height: 20px;
text-align: center;
padding: 5px 0 0 0;
border-radius: 6px;
font-size: 13px;
line-height: 13px;
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
}
#main #topMenu #shoppingCartList .emptybasket {
float: right;
width: 27%;
display: inline-block;
background-color: #5c656d;
color: #ffffff;
height: 20px;
text-align: center;
padding: 5px 0 0 0;
border-radius: 6px;
font-size: 13px;
line-height: 13px;
margin-right: 20px;
}
#main #topMenu #shoppingCartList .header.mobileButtonTop {
display: none !important;
}
#main #topMenu #shoppingCartList #basketEmpty {
padding: 20px 10px 15px 10px;
text-align: center;
}
#main #topMenu #shoppingCartList #basketEmpty .text {
}
#main #topMenu #shoppingCartList .summary {
padding: 10px 55px 15px 20px;
}
#main #topMenu #shoppingCartList .summary span {
display: block;
}
#main #topMenu #shoppingCartList .summary-header {
display: none !important;
}
#main #topMenu #shoppingCartList .summary-orderfee {
float: left;
}
#main #topMenu #shoppingCartList .summary-orderfee-amount {
float: right;
}
#main #topMenu #shoppingCartList .summary-orderfee-amount .currency {
display: inline-block;
}
#main #topMenu #shoppingCartList .summary-pickup {
clear: both;
float: left;
margin: 0 0 15px 0;
}
#main #topMenu #shoppingCartList .summary-pickup-location {
float: right;
}
#main #topMenu #shoppingCartList .summary-total {
clear: both;
float: left;
font-size: 15px;
font-weight: bold;
}
#main #topMenu #shoppingCartList .summary-total-amount{
float: right;
font-size: 24px;
font-weight: bold;
padding: 0 0 10px 0;
}
#main #topMenu #shoppingCartList .summary-total-amount sup {
position: relative;
font-size: 12px;
top: -8px;
}
#main #topMenu #shoppingCartList .summary-total-amount .currency {
display: inline-block;
font-size: 10px;
font-weight: normal;
}
#main .miniBasketMobile .product.highlight {
border: none !important;
border-bottom: 1px solid #a09f9f !important;
box-shadow: none !important;
border-radius: 0px !important;
margin: 0 !important;
background-color: #e5e6e6;
}
#main .miniBasketMobile .product {
position: relative;
width: 100%;
height: 70px;
background-image: none;
margin: 0 0 0 0;
border-bottom: 1px solid #ecebec;
}
#main .miniBasketMobile .product.rabat{
height: 45px;
}
#main .miniBasketMobile .product.pant{
height: 35px;
}
#main .miniBasketMobile .product a.productName {
height: 15px;
position: absolute;
top: 0px;
left: 78px;
text-align: left;
font-size: 14px;
line-height: 14px;
font-weight: bold;
color: #434244 !important;
text-decoration: none;
padding: 5px 0 0 0;
overflow: hidden;
}
#main .miniBasketMobile .product.rabat a.productName {
left: 300px;
color: #33a433 !important;
}
#main .miniBasketMobile .product .splash {
width: 60px;
height: 50px;
position: absolute;
top: 31px;
left: 78px;
background-image: url(/media/209/img/splash.png);
background-repeat: no-repeat;
background-position: -216px 0;
}
#main .miniBasketMobile .product .productImage {
width: 60px;
height: 60px;
padding: 5px 0 0 10px;
}
/* minibasket pant */
#main .miniBasketMobile .product.pant .productImage a,
#main .miniBasketMobile .product.pant .mobileBasketManualInput input,
#main .miniBasketMobile .product.pant .removeFromBasket{
display:none;
}
#main .miniBasketMobile .product.pant .productName{
position: absolute;
top: 0px;
right: 165px;
height: 35px;
text-align: right;
font-size: 14px;
line-height: 35px;
font-weight: bold;
color: #434244 !important;
text-decoration: none;
overflow: hidden;
}
/* minibasket pant */
#main .miniBasketMobile .product .productImage img {
width: 60px !important;
height: 60px !important;
}
#main .miniBasketMobile .product .productPriceArea {
position: absolute;
top: 30px;
left: 78px;
width: 380px;
}
#main .miniBasketMobile .product.rabat .productPriceArea {
top: 10px;
}
#main .miniBasketMobile .product .productPriceArea .max {
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
color: #9d1135;
}
#main .miniBasketMobile .product .productPriceArea .productOnePrice {
font-size: 11px;
line-height: 11px;
text-align: left;
}
#main .miniBasketMobile .product .productPriceArea .productUnitPrice {
width: 250px !important;
}
#main .miniBasketMobile .product .productPriceArea .familyPriceAmount,
#main #shoppingCartList .product .productPriceArea .totalText {
position: absolute;
top: 30px;
font-size: 13px;
line-height: 13px;
font-weight: bold;
}
#main .miniBasketMobile .product .productPriceArea .productPrice,
#main .miniBasketMobile .product.rabat .productPriceArea .productOnePrice {
position: absolute;
top: 0px;
right: 0;
font-size: 24px;
line-height: 24px;
font-weight: bold;
text-align: right;
}
#main .miniBasketMobile .product.pant .productPriceArea .productPrice{
top: -25px;
}
#main .miniBasketMobile .product.pant{
background:#f3f3f3;
margin-bottom: 8px;
}
#main .miniBasketMobile .product.pant .productPriceArea .productOnePrice{
display:none;
}
#main .miniBasketMobile .product .productPriceArea .productPrice .currency,
#main .miniBasketMobile .product.rabat .productPriceArea .productOnePrice .currency,
#main .miniBasketMobile .product.pant .productPriceArea .productOnePrice .currency {
font-size: 10px;
font-weight: normal;
display: inline-block;
padding: 0 5px 0 0;
}
#main .miniBasketMobile .product .productPriceArea .productPrice sup,
#main .miniBasketMobile .product.rabat .productPriceArea .productOnePrice sup,
#main .miniBasketMobile .product.pant .productPriceArea .productOnePrice sup {
position: relative;
font-size: 12px;
top: -8px;
}
#main .miniBasketMobile .product .productPriceArea .productPriceEuro {
display: none;
position: absolute;
top: 33px;
width: 106px;
font-size: 11px;
text-align: right;
color: #666666;
}
#main #shoppingCartList .product .productPriceArea .totalText {
display: none;
}
#main .miniBasketMobile .product .productPriceArea .maxAmount {
position: absolute;
width: 60px;
top: 36px;
font-size: 9px;
line-height: 9px;
text-transform: uppercase;
font-weight: bold;
color: #9d1135;
}
#main .miniBasketMobile .product .mobileBasketManualInput {
position: absolute;
top: 33px;
right: 150px;
}
#main .miniBasketMobile .product .mobileAddToBasket {
position: absolute;
width: 160px;
height: 22px;
top: 45px;
right: 20px;
}
#main .miniBasketMobile .product .removeFromBasket {
position: absolute;
top: 15px;
right: 20px;
cursor: pointer;
}
#main .miniBasketMobile .product .removeFromBasket .icon {
font-size: 14px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 55px;
color: #c70d3f;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#main .miniBasketMobile .product .removeFromBasket .icon::before {
content: "\f00d";
}
#main .miniBasketMobile .product .notbuyable {
position: absolute;
top: 45px;
right: 18px;
width: 160px;
height: 22px;
text-align: center;
color: #9d1135;
}
#main .miniBasketMobile .product .productAddToFavorites {
display: none;
position: absolute;
top: 232px;
left: 6px;
width: 122px;
text-align: center;
}
#main .miniBasketMobile .product .productAddToFavorites a {
color: #000000;
text-decoration: none;
cursor: pointer;
}
#main .miniBasketMobile .product .productAddToFavorites a:hover {
color: #9d1135;
}
.products .splashImg {
position:absolute;
top: 40px;
right: 68px;
width: 55px;
height: auto;
}
#main .miniBasketMobile .products .product img.splashImg2 { width: 40px; position: absolute; z-index: 10; }
#main .miniBasketMobile .products .product img.splashImg-TopRight { top: 10px; left: 30px; }
#main .miniBasketMobile .products .product img.splashImg-TopLeft { top: 10px; left: 5px; }
#main .miniBasketMobile .products .product img.splashImg-BottomRight { top: 30px; left: 30px; }
#main .miniBasketMobile .products .product img.splashImg-BottomLeft { top: 30px; left: 5px; }
#main .miniBasketMobile .plistAreaHeader .elementKindProduct img.splashImg2 { width: 40px; position: absolute; z-index: 10; }
#main .miniBasketMobile .plistAreaHeader .elementKindProduct img.splashImg-TopRight { top: 10px; left: 30px; }
#main .miniBasketMobile .plistAreaHeader .elementKindProduct img.splashImg-TopLeft { top: 10px; left: 5px; }
#main .miniBasketMobile .plistAreaHeader .elementKindProduct img.splashImg-BottomRight { top: 30px; left: 30px; }
#main .miniBasketMobile .plistAreaHeader .elementKindProduct img.splashImg-BottomLeft { top: 30px; left: 5px; }
/* Minibasket end */
/* LocationSelect start */
#main #topMenu #shopselect {
display: none;
position: absolute;
z-index: 350;
background-color: #edecec;
top: 29px;
left: 0;
right: 0;
margin: 0 auto;
width: 840px;
border: 1px solid #c5c5c5;
box-shadow:0 0 12px rgba(0,0,0,0.4);
text-align: left;
}
/* LocationSelect tabs */
.tabs{
display:inline-block;
width: 100%;
}
.tabs > div{
overflow: hidden;
}
.tabs ul{
border-bottom: 1px solid #c5c5c5;
}
.tabs ul:after{
display: block;
clear: both;
content: '';
}
.tabs ul li.tabs-head{
margin:0;
cursor:pointer;
display:block;
float:left;
padding: 18px 36px;
background:#f7f5f5;
color:#000000;
font-family: Arial, Tahoma, sans-serif;
font-size: 18px;
font-weight: bold;
}
.tabs ul li.active.tabs-head,
.tabs ul li.active.tabs-head:hover,
.tabs ul li.tabs-head:hover{
background:#ffffff;
}
.tabs ul li.active.tabs-head{
margin-bottom: -1px;
padding-bottom: 19px;
}
.second-tab-head{
border-left: 1px solid #c5c5c5;
border-right: 1px solid #c5c5c5;
}
.tabs-holder{
background-color: #FFFFFF;
min-height: 530px;
}
.select-shop{
float: left;
width: 62%;
padding: 8px;
border-right: 1px solid #c5c5c5;
min-height: 530px;
box-sizing: border-box;
}
.login-shop{
float: left;
width: 38%;
min-height: 530px;
background-color: #f7f5f5;
box-sizing: border-box;
padding: 26px 24px;
}
.new-user-link{
display: block;
text-align: center;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
background-color: #008d00;
border-radius: 4px;
height: 34px;
line-height: 34px;
margin-bottom: 24px;
}
.login-shop h4{
font-size: 18px;
font-weight: bold;
margin: 0 0 12px 0;
color: #000000;
}
ul.login-actions{
border: none;
}
ul.login-actions li{
font-size: 14px;
padding-bottom: 8px;
}
ul.login-actions li:before{
content: "\f00c";
color: #008d00;
font-family: FontAwesome;
display: inline-block;
height: 16px;
width: 12px;
margin-right: 4px;
}
.login-box{
background-color: #313c40;
padding: 18px 12px;
border-radius: 5px;
color: #FFFFFF;
margin-top: 24px;
overflow: hidden;
}
.customerLoginBdy,
.forgotPasswordBdy{
display: none;
}
.customerLoginBdy.active,
.forgotPasswordBdy.active{
display: block;
}
#main .login-box h3,
#main .forgotPasswordBdy h2{
font-size: 24px;
font-weight: normal;
margin: 0 0 12px 0;
line-height: 18px;
}
.customerLoginBdy > ul{
display: none;
}
.customerLoginBdy label:not(.remember-label){
display: block;
text-indent: -999999em;
height: 30px;
overflow: hidden;
position: relative;
margin-bottom: 3px;
clear: both;
}
.customerLoginBdy label input:not([type="checkbox"]){
display: block;
box-sizing: border-box;
text-indent: 0;
height: 30px;
border: none;
border-radius: 4px;
line-height: 30px;
color: #999999;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
width: 100%;
position: absolute;
top: 0;
padding: 0 0 0 24px;
}
.customerLoginBdy label input{
background: #f2f4f5 url("/media/181/img/login_icons.png?12") no-repeat 6px 8px;
}
.customerLoginBdy label ~ label input{
background: #f2f4f5 url("/media/181/img/login_icons.png?12") no-repeat 7px -73px;
}
.forgotPasswordInputContent input{
background: #f2f4f5 url("/media/181/img/login_icons.png?12") no-repeat 7px -33px;
display: block;
box-sizing: border-box;
text-indent: 0;
height: 30px;
border: none;
border-radius: 4px;
line-height: 30px;
color: #999999;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
width: 100%;
padding: 0 0 0 24px;
margin: 12px 0 0 0;
}
.customerLoginBdy > div.button{
float: right;
margin-top: 16px;
}
.customerLoginBdy > div.button input,
.sendPasswordReminder{
background-color: #008d00;
border: none;
border-radius: 4px;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
height: 34px;
line-height: 34px;
padding: 0 18px;
box-shadow: none;
}
.sendPasswordReminder{
float: right;
padding: 0 12px;
}
.customerLoginBdy > a.forgotLoginLnk{
float: right;
margin-top: 26px;
margin-right: 12px;
text-decoration: underline;
color: #FFFFFF;
}
.customerLoginBdy .login-pass-options{
float: left;
}
.customerLoginBdy .login-pass-options a.forgotLoginLnk{
text-decoration: underline;
color: #FFFFFF;
display: block;
}
.customerLoginBdy .login-pass-options label.remember-label{
margin-top: 18px;
margin-bottom: 3px;
color: #FFFFFF;
}
.forgotPasswordInputContent{
clear: both;
padding-bottom: 18px;
}
a.forgotLoginBackLnk{
float: left;
display: block;
background-color: #cccccc;
border: none;
border-radius: 4px;
color: #000000;
font-size: 16px;
font-weight: bold;
height: 34px;
line-height: 34px;
padding: 0 12px;
box-shadow: none;
}
label.remember-label{
display: block;
float: left;
color: #666666;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
margin-top: 26px;
}
label.remember-label input{
vertical-align: middle;
}
.second-tab{
padding: 20px;
}
/* Customer Create/Edit page styles start */
.customer-page{
padding: 12px 18px 170px 0;
position: relative;
}
.customer-page .orders-table{
padding: 6px 0 24px 0;
}
.pre-loader-element {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99999;
background: #fff url("/media/181/img/ajax-loader.gif") center center no-repeat;
}
#main .customer-page h2{
font-size: 22px;
margin: 0 0 8px 0;
color: #000000;
font-weight: bold;
}
.customer-page .sub-head{
padding-bottom: 12px;
}
.customer-buttons{
padding: 18px 0 15px 0;
}
.ex-table-box div{
box-sizing: border-box;
}
.left-customer-content{
float: left;
width: 50%;
padding-right: 10px;
}
.right-customer-content{
float: right;
width: 50%;
padding-left: 10px;
}
.customer-info-element{
background-color: #f7f7f7;
border: 1px solid #e6e6e6;
border-radius: 5px;
padding: 12px 18px;
margin: 0 0 15px 0;
position: relative;
}
#main .customer-info-element h3.create-title,
#main .shop-select h3,
#main .customer-info-element h3.digitalExp-title,
#main .customer-info-element h3.newsletterTitle,
.customer-row.row-9 .customer-info-cell.cell-1 {
font-size: 16px;
font-weight: bold;
margin: 0 0 8px 0;
padding: 0;
color: #333333;
}
#createBanner {
position: relative;
}
#createBanner #alreadyCustomer {
display: block !important;
position: absolute;
bottom: 10px;
right: 10px;
background-color: #008d00;
cursor: pointer;
padding: 5px;
border-radius: 6px;
}
#createBanner #alreadyCustomer .text {
text-align: center;
padding: 7px 15px 2px 15px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}
#createBanner #alreadyCustomer .clickhere {
text-align: center;
padding: 4px 5px 5px 5px;;
font-size: 12px;
color: #ffffff;
}
#main .customer-info-element .digitalExp-info.bottom {
padding: 10px 0 0 0;
}
.right-customer-content .customer-info-element{
margin-bottom: 24px;
}
.right-customer-content .customer-info-element.shop-select{
margin-bottom: 0;
padding: 22px 18px;
}
#main .customer-info-element .selectShopInfo {
padding: 0 0 10px 0;
}
.customer-info-element .customer-row{
padding-top: 18px;
}
.customer-info-element .customer-row.row-8 {
padding-top: 10px;
}
.customer-info-element .customer-row.row-9 {
padding-top: 0;
}
.create-bottom-title{
padding-top: 18px;
}
.customer-row .customer-info-cell{
float: left;
}
.customer-info-cell.cell-full{
clear:both;
width:100%;
}
.customer-row .customer-info-cell.cell-1{
width: 21%;
color: #333333;
font-size: 16px;
line-height: 17px;
padding-top: 6px;
}
#main.sv .customer-row .customer-info-cell.cell-1{
word-wrap: break-word;
}
.customer-row.row-3 .customer-info-cell.cell-1,
.customer-row.row-8 .customer-info-cell.cell-1{
padding-top: 10px;
}
.customer-row.row-citizen .customer-info-cell.cell-1,
.customer-row.row-email .customer-info-cell.cell-1{
padding-top: 2px;
}
.customer-row .customer-info-cell.cell-2{
width: 79%;
padding-left: 6px;
}
.customer-row.row-9 .customer-info-cell.cell-1,
.customer-row.row-13 .customer-info-cell.cell-1{
width: 100% !important;
}
.customer-row.row-11 .customer-info-cell.cell-1,
.customer-row.row-12 .customer-info-cell.cell-1,
.customer-row.row-13 .customer-info-cell.cell-1{
padding-top: 0;
}
.customer-row .customer-info-cell input[type="text"],
.customer-row .customer-info-cell input[type="password"],
.resetPasswordInput input{
height: 31px;
border: 1px solid #d8dee1;
border-radius: 5px;
width: 100%;
padding-left: 6px;
box-sizing: border-box;
}
.customer-row__fakeinput{
box-sizing: border-box;
height: 31px;
line-height: 31px;
border: 1px solid #d8dee1;
border-radius: 5px;
width: calc(20% - 16px);
margin-right:16px;
padding-left:16px;
}
.customer-row__fakeinput::-webkit-inner-spin-button,
.customer-row__fakeinput::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.customer-row__fakeinput-plus{
position:absolute;
left:12px;
font-size:15px;
line-height:31px;
color:#ccc !important;
}
.customer-info-cell.cell-2 {
position:relative;
}
.customer-row.row-8 .cell-2 input:last-child{
width:80%;
}
.customer-row.row-11 .error-password{
display:none;
color:red;
padding:0 0 15px;
clear:both
}
.customer-row.error input,
.customer-row.row-email .customer-info-cell.cell-2 input.mail-error,
.customer-row.row-3 .customer-info-cell.cell-2 input.post-error{
border-color: #ba0b3a;
background-color: #f8f488 !important;
}
.error-email-message,
.error-post-message{
position: fixed;
width: 440px;
text-align: center;
padding: 12px 6px;
border-radius: 5px;
top: 60px;
right: 0;
left: 0;
margin: 0 auto;
font-weight: bold;
color: #000000;
box-shadow: 0 4px 12px black;
border: 1px solid #AA4040;
background-color: #F0D0D0;
display: none;
}
.customer-row.row-10 .customer-info-cell.cell-2{
font-size: 16px;
padding-top: 6px;
color: #333333;
}
.customer-row input[type="checkbox"],
.customer-row input[type="radio"]{
opacity: 0;
width: 0;
}
.customer-row label.label-check{
display: inline-block;
background: url("/media/181/img/radio_bg.png") no-repeat 0 0;
padding-left: 48px;
line-height: 17px;
cursor: pointer;
color: #333333;
font-size: 16px;
letter-spacing: -0.2px;
min-height: 36px;
}
.customer-row label.label-check.nothanks {
padding: 8px 0 0 48px;
}
.customer-info-element .customer-row.row-newsletter{
padding: 12px 0;
}
.customer-info-element .customer-row .radioWrap {
height: 60px;
padding: 12px 0 12px 0;
}
.customer-row .newsletter-check label.label-check{
font-size: 14px;
}
.customer-row .newsletter-check label .sign-newsletter{
font-size: 16px;
}
.customer-row input:checked + label.label-check{
background: url("/media/181/img/radio_bg.png") no-repeat 0 -69px;
}
.customer-row.row-citizen label.label-check,
.customer-row.row-citizen-code label.label-check{
line-height: 34px;
padding-left: 37px;
}
.customer-row.row-citizen-code .code-inputs{
margin-left: 21%;
}
.customer-row.row-citizen-code .code-inputs input{
margin-top: 3px;
display: none;
}
.shop-select .customer-row{
padding-top: 0;
}
.shop-select .customer-row .customer-info-cell.cell-1{
padding-top: 8px;
width: 23%;
}
.shop-select .customer-row .customer-info-cell.cell-2{width: 77%}
#main .shop-select .customer-row h3{
padding-bottom: 6px;
}
.customer-row.row-birthday select{
height: 31px;
border: 1px solid #d8dee1;
border-radius: 5px;
padding-left: 6px;
box-sizing: border-box;
}
.customer-row.row-birthday .cell-full{
margin-top:8px;
}
.customer-info-element .customer-row.row-5,
.customer-row.row-9,
.customer-row.row-10,
.customer-row.row-13,
.customer-info-element .customer-row.row-7,
.customer-row.row-14,
.customer-row.row-10 .customer-info-cell.cell-2 input{
display: none;
}
.citizen-item{
float: left;
margin-right: 3px;
}
.citizen-item.andet{
margin-right: 0;
}
.row-citizen-code .citizen-item{
margin-right: 12px;
}
.customer-info-element.newsletter-check {
margin-top:24px;
}
.customer-info-element.newsletter-check .customer-row{
padding-top:0;
}
/* Customer Overview page start */
.order-holder,
.fav-holder{
float: left;
width: 50%;
}
.feature-item{
box-sizing: border-box;
background-color: #008d00;
border-radius: 4px;
padding: 18px;
color: #FFFFFF;
line-height: normal;
font-size: 16px;
min-height: 105px;
display: block;
}
#main .feature-item h3{
display: block;
padding: 0 0 8px 0;
margin: 0;
font-weight: bold;
font-size: 20px;
line-height: inherit;
color: #FFFFFF;
}
.order-item{
margin-left: 10px;
}
.fav-item{
margin-right: 10px;
}
.user-info-overview{
margin-top: 20px;
color: #333333;
font-size: 16px;
line-height: 22px;
}
#main .user-info-overview h3{
font-size: 16px;
color: #333333;
margin: 0 0 12px 0;
}
.user-info-top,
.user-info-middle{
margin-bottom: 18px;
}
.user-title{
float: left;
min-width: 100px;
}
.user-val{
float: left;
}
.user-info-bottom{
padding-top: 10px;
}
.user-bottom-line{
padding-top: 3px;
font-size: 14px;
}
.user-bottom-line i.fa{
font-size: 18px;
color: #008d00;
padding-right: 6px;
vertical-align: middle;
}
.user-bottom-line strong.shop-id{
display: none;
}
.user-bottom-line strong.shop-id.ready{
display: inline-block;
}
.user-bottom-line.line-newsletter{
display:none;
}
.user-bottom-line.line-newsletter.show{
display:block;
}
.overview-button{
padding-top: 18px;
}
.overview-button a{
display: inline-block;
color: #FFFFFF;
background-color: #008d00;
font-size: 14px;
font-weight: bold;
height: 27px;
line-height: 27px;
padding: 0 18px;
border-radius: 4px;
}
/* Customer Overview page end */
/* Password reset styles start */
.resetPasswordArea .customer-info-element{
float: left;
}
.resetPasswordInput > div > div{
float: left;
font-size: 16px;
color: #333333;
min-width: 170px;
padding-top: 9px;
}
.resetPasswordInput > div > div:nth-child(even) {
float: none;
padding: 0;
overflow: hidden;
}
.resetPasswordInput input{
min-width: 250px;
margin-bottom: 12px;
}
.resetPasswordButtonArea input,
.to-basket.button{
display: block;
float: right;
background: #008d00 ;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
padding: 0 18px;
height: 45px;
line-height: 45px;
border: none;
border-radius: 5px;
margin: 0;
}
/* Password reset styles end */
/* Order List Page styles start */
.customer-orders > div.holder,
.customer-order-details > div.holder{
padding-bottom: 18px;
}
.customer-orders > div.holder a.back-button,
.customer-order-details > div.holder a.back-button{
color: #000000 !important;
font-size: 14px !important;
font-weight: bold !important;
background-color: #e0e0e0 !important;
height: 39px !important;
line-height: 39px !important;
padding: 0 12px !important;
border: none !important;
margin: 0 !important;
border-radius: 4px;
display: inline-block;
}
.customer-order-details > div.holder input{
background: #e0e0e0 url("/media/181/img/arrow-left-bg.png") no-repeat 11px 16px !important;
padding-left: 24px !important;
}
.customer-orders > div.holder a.back-button i,
.customer-order-details > div.holder a.back-button i{
padding-right: 6px;
}
.orders-table table,
.order-table table{
width: 100%;
border: none;
}
.orders-table table tr,
.orders-table table th,
.orders-table table td{
border: none;
}
.orders-table table th,
.order-table table th{
background-color: #e8e8e8;
color: #000000;
font-size: 17px;
font-weight: bold;
height: 36px;
line-height: 36px;
padding: 0 6px;
}
.orders-table table td,
.order-table table td{
color: #333333;
border-bottom: 1px solid #efefef;
height: 42px;
line-height: 42px;
padding: 0 6px;
font-size: 14px;
}
.orders-table table td a,
.order-table table th{
color: #333333;
}
.order-table .not-available .re-order-item{
background: url('/media/181/img/checkmark_bg-disabled.png') no-repeat 0 0;
}
/* Order List Page styles end */
/* Order Details Page styles start */
.customer-order-details,
.customer-order-details td,
.customer-order-details div{
font-size: 14px;
color: #333333;
line-height: 18px;
}
.customer-order-details td{
padding: 0;
}
.customer-order-details .holder a.back-button{
float: left;
}
.customer-order-details .holder .fav-button-holder{
float: right;
}
.fav-button-holder a.fav-list-button{
display: inline-block;
background-color: #008d00;
border: none;
border-radius: 4px;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
height: 39px;
line-height: 39px;
padding: 0 48px;
}
.left-side{
float: left;
}
#main .order-top-info h3{
font-size: 14px;
color: #333333;
padding-bottom: 6px;
border-bottom: 1px solid #efefef;
margin: 6px 0 10px 0;
}
.order-top-info table td.c1,
.order-middle-info .holder div.detail-title{
min-width: 150px;
}
.customer-order-details div.order-middle-info,
.customer-order-details div.order-bottom-info,
.customer-order-details div.order-table{
padding-top: 20px;
}
.order-middle-info .holder div{
float: left;
}
.customer-order-details .order-table table td,
.customer-order-details .order-total table td,
.customer-order-details .order-table table td a{
color: #666666;
}
.order-total > div{
float: right;
padding: 18px 0 24px 0;
}
.order-total > div#ec77 table{
width: 292px;
}
.customer-order-details .order-total table tr.HeaderBar.ec77Total td{
font-size: 18px;
font-weight: bold;
line-height: 24px;
font-family: Tahoma, Arial, sans-serif;
}
.customer-order-details .order-total table tr.ec77Tax,
div.order-middle-info .detail-val span.order-time{
display: none;
}
.re-order-holder input[type="checkbox"]{
box-sizing: border-box;
width: 0;
height: 0;
opacity: 0;
}
.re-order-holder label.re-order-item{
width: 35px;
height: 31px;
display: inline-block;
background: url("/media/181/img/checkmark_bg.png") no-repeat 0 0;
cursor: pointer;
}
.re-order-holder input:checked + label.re-order-item{
background-position: 0 -69px !important;
}
.to-basket.button{
min-width: 240px;
text-align: center;
}
td.qty-order input{
width: 32px;
height: 26px;
line-height: 26px;
border-radius: 4px;
text-align: center;
border: 1px solid #d8dee1;
}
/* Order Details Page styles end */
/* Select shop dropdown styles */
dl.dropdown-select, .dropdown-select dd, .dropdown dt, .dropdown ul {
margin: 0;
padding: 0;
}
.dropdown-select dd {
position: relative;
}
/* Login styles start */
.b-popup,
.visit-popup{
width: 100%;
min-height: 100%;
background-color: rgba(0,0,0,0.5);
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
display: none;
}
.b-popup.show-dialog,
.visit-popup.show-once{
display: block !important;
}
#main .visit-content h2{
margin: 0;
padding: 0 0 35px 0;
font-size: 30px;
font-weight: bold;
}
.visit-text{
padding-bottom: 150px;
line-height: 24px;
}
.visit-select-shop{
float: right;
background-color: #343f48;
border: none;
border-radius: 4px;
color: #ffffff;
font-weight: bold;
padding: 16px 20px;
}
.close-visit-button{
position: absolute;
top: 16px;
right: 18px;
}
.close-visit-button i{
cursor: pointer;
font-size: 24px;
}
.visit-tip{
position: absolute;
bottom: 75px;
left: -60px;
background-color: #FFFFFF;
border: 1px solid #383f43;
border-radius: 10px;
padding: 24px 10px 16px 10px;
font-size: 16px;
line-height: 21px;
max-width: 280px;
}
.visit-tip:after,
.visit-tip:before{
content: "";
display: block;
position: absolute;
top: 100%;
right: 30px;
width: 0;
height: 0;
border-top: 30px solid #FFFFFF;
border-left: 44px solid transparent;
}
.visit-tip:before{
right: 29px;
border-top: 32px solid #383f43;
border-left: 46px solid transparent;
}
.visit-tip span{
display: block;
padding-top: 12px;
color: #bb002c;
font-weight: bold;
font-size: 14px;
}
.b-popup .b-popup-content{
margin: 0 auto;
width: 55%;
padding: 0;
background-color: #c5c5c5;
border: 1px solid #b7b7b7;
border-radius:5px;
box-shadow: 0 0 10px #000;
position: relative;
top: 150px;
}
.b-popup .b-popup-content .login-item{
float: left;
width: 33.33%;
box-sizing: border-box;
padding: 64px 50px 50px 55px;
min-height: 340px;
text-align: left;
}
.showLogin .b-popup-login{
display:block !important;
}
.b-popup-login{
color: #856404;
background-color: #fff3cd;
padding: 16px 24px;
border: 1px solid #ffeeba;
}
@media (max-width: 1880px) {
.b-popup .b-popup-content .login-item,
.b-popup .b-popup-content .login-item.quit-customer{
padding: 42px 30px 36px 35px;
min-height: 303px;
}
.b-popup .b-popup-content {
width: 70%;
}
}
@media (max-width: 1300px) {
.b-popup .b-popup-content {
width: 80%;
}
}
@media (max-width: 1150px) {
.b-popup .b-popup-content {
width: 90%;
}
}
@media (max-width: 1015px) {
.b-popup .b-popup-content {
width: 95%;
}
}
@media (max-width: 965px) {
.b-popup .b-popup-content .login-item,
.b-popup .b-popup-content .login-item.quit-customer{
padding: 42px 20px 36px 20px;
}
.visit-popup-wrapper{
width: 630px;
}
.visit-content{
padding: 30px 24px;
font-size: 18px;
}
#main .visit-content h2{
padding: 6px 0 24px 0;
font-size: 28px;
}
.visit-text{
padding-bottom: 132px;
}
.visit-select-shop{
padding: 12px 18px;
}
.visit-tip{
max-width: 250px;
padding: 12px 10px;
font-size: 14px;
left: -36px;
line-height: 19px;
bottom: 60px;
}
.visit-tip span{
font-size: 13px;
padding-top: 8px;
}
.visit-tip:before {
border-top: 26px solid #383f43;
border-left: 40px solid transparent;
}
.visit-tip:after{
border-top: 24px solid #FFFFFF;
border-left: 38px solid transparent;
}
}
.b-popup .b-popup-content .login-item.new-customer{
background-color: #ba0b3a;
border-radius: 5px 0 0 5px;
border-right: 1px solid #b7b7b7;
}
.b-popup .b-popup-content .login-item.login-customer,
.b-popup .b-popup-content .login-item.login-forgotPassword {
background-color: #343f48;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
color: #ffffff;
}
.b-popup .b-popup-content .login-item.quit-customer{
background-color: #f6f4f4;
border-radius: 0 5px 5px 0;
border-left: 1px solid #b7b7b7;
padding: 64px 66px 50px 66px;
}
#main .b-popup .b-popup-content .login-item h2{
font-size: 24px;
color: #FFFFFF;
margin-bottom: 22px;
}
#main .b-popup .b-popup-content .login-item h4{
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
margin: 0 0 12px 0;
}
#main .b-popup .b-popup-content .login-item ul.login-actions li{
color: #FFFFFF
}
#main .b-popup .b-popup-content .login-item ul.login-actions li:before{
color: #343f48;
}
#main .b-popup .b-popup-content .login-item .create-user{
padding-top: 24px;
}
#main .b-popup .b-popup-content .login-item .new-user-link{
background-color: #343f48;
}
.close-login-button{
position: absolute;
top: 12px;
right: 12px;
}
.close-login-button:hover{
cursor:pointer;
}
.close-login-button i.fa{
font-size: 24px;
}
#main .b-popup .b-popup-content .login-item.login-customer h3,
#main .b-popup .b-popup-content .quit-customer h3{
font-size: 17px;
font-weight: normal;
line-height: inherit;
color: #FFFFFF;
margin: 0 0 12px 0;
}
#main .b-popup .b-popup-content .login-item.login-customer .customerLoginBdy{
display: block !important;
}
#main .b-popup .b-popup-content .login-item.login-customer .customerLoginBdy .button input[type="button"]{
background-color: #ba0b3a;
}
#main .b-popup .b-popup-content .login-item.quit-customer h3{
font-weight: bold;
margin-bottom: 22px;
color: #666666;
}
.b-popup-content .quit-customer .quit-content{
font-size: 14px;
color: #8b8a8a;
line-height: 19px;
}
.b-popup-content .quit-customer .quit-content .close-dialog{
display: block;
text-align: center;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
background-color: #868783;
border: none;
border-radius: 5px;
height: 34px;
line-height: 34px;
margin-top: 42px;
width: 100%;
}
.login-item.login-forgotPassword.active {
display: block !important;
}
.login-forgotPassword input[type="text"] {
background: #f2f4f5 url("/media/181/img/login_icons.png?12") no-repeat 7px -33px;
display: block;
box-sizing: border-box;
text-indent: 0;
height: 30px;
border: none;
border-radius: 4px;
line-height: 30px;
color: #999999;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
width: 100%;
padding: 0 0 0 24px;
margin: 12px 0 20px 0;
}
/* Login popups styles end */
/* First time popup start */
.visit-popup-wrapper {
padding: 0;
background: transparent;
filter: none; /* IE6-9 */
border-radius: 0;
position: absolute;
top: 120px;
left: 50%;
z-index: 350;
}
.visit-popup-wrapper .first-visit-content {
position: relative;
}
.first-visit-content {
background-size: contain;
}
#main .visit-popup-wrapper .close-visit-button i {
cursor: pointer;
font-size: 24px;
}
/* First time popup end */
/* infoPopup start */
#infoPopup {
text-align: center;
width: 400px;
padding: 25px;
border: 1px solid #000;
background: #ffffff;
border-radius: 10px;
position: fixed;
top: 220px;
left: 50%;
margin-left: -200px;
z-index: 350;
font-size: 15px;
line-height: 20px;
}
#infoPopup .close-infoPopup {
position: absolute;
right: 10px;
top: 10px;
}
/* infoPopup end */
/* DT styles for sliding doors */
.dropdown-select dt a {
background: #FFFFFF url(/media/181/img/select_bg.png) no-repeat scroll 95% 50%;
display: block;
padding-right: 10%;
border: 1px solid #d8dee1;
width: 100%;
border-radius: 5px;
box-sizing: border-box;
height: 31px;
line-height: 31px;
color: #333333;
font-size: 17px;
letter-spacing: -0.2px;
}
.dropdown-select dt a span {
cursor: pointer;
display: block;
padding: 0 0 0 6px;
}
/* UL styles */
.dropdown-select dd ul {
background: #FFFFFF none repeat scroll 0 0;
display: none;
list-style: none;
padding: 5px 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
min-width: 170px;
}
.dropdown-select dd ul li{
border-bottom: 1px solid #d8dee1;
border-left: 1px solid #d8dee1;
border-right: 1px solid #d8dee1;
}
.dropdown-select i.shop-text{
font-size: 11px;
font-style: normal;
letter-spacing: -0.4px;
}
.dropdown-select span.value {
display: none;
}
.dropdown-select dd ul li a {
padding: 8px;
display: block;
color: #333333;
font-size: 15px;
}
.dropdown-select dd ul li a:hover{
background-color: #EEEEEE;
}
.logged-user .row-11,
.logged-user .row-12{
display: none;
}
.customer-page .row-reset{
display: none;
}
.customer-page.logged-user .row-reset{
display: block;
padding: 24px 0;
}
.row-reset div.reset-title{
float: left;
width: 40%;
color: #333333;
font-size: 17px;
padding-top: 7px;
}
.row-reset div.reset-action{
float: left;
width: 60%;
}
.customer-buttons a.home-button{
display: block;
float: left;
background: #838483;
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
font-weight: bold;
padding: 0 18px;
height: 27px;
line-height: 27px;
border-radius: 5px;
}
#main #ShopContent .customer-buttons input.customerEditorButton,
.row-reset div.reset-action input.reset-button {
display: block;
float: right;
background: #41a941 !important;
font-size: 14px !important;
font-weight: bold;
color: #FFFFFF;
padding: 0 18px;
height: 27px !important;
line-height: 27px !important;
border: none !important;
border-radius: 6px !important;
margin: 0 !important;
background-image: none !important;
}
#main #ShopContent .customer-buttons input.customerEditorButton:hover,
.row-reset div.reset-action input.reset-button:hover{
background-color: #47b547 !important;
}
.row-reset div.reset-action input.reset-button{
float: none;
}
.row-reset .reset-action input[type='text']{
height: 0;
width: 0;
box-sizing: border-box;
padding: 0;
border: none;
overflow: hidden;
}
/* Customer Create/Edit page styles end */
/* Login page styles start */
.login-page{
padding: 12px;
overflow: hidden;
}
#main .login-page #customerLogin{
background-color: #f7f7f7;
padding: 12px 18px;
border: 1px solid #e6e6e6;
border-radius: 5px;
float: left;
}
#main .login-page #customerLogin h2{
font-size: 22px;
}
#main .login-page #customerLogin label {
display: block;
font-size: 17px;
color: #333333;
line-height: 31px;
overflow: hidden;
margin-bottom: 12px;
}
#main .login-page #customerLogin label input{
height: 31px;
box-sizing: border-box;
padding: 0 6px;
font-size: 17px;
color: #333333 !important;
line-height: 31px;
border: 1px solid #d8dee1;
border-radius: 4px;
background-color: #FFFFFF !important;
background: #FFFFFF !important;
float: right;
margin-left: 24px;
min-width: 230px;
}
#main .login-page #customerLogin .button{
overflow: hidden;
}
#main .login-page #customerLogin .button input{
display: block;
background: #008d00;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
padding: 0 18px;
height: 39px;
line-height: 39px;
border: none;
border-radius: 5px;
margin: 0 ;
background-image: none;
text-align: center;
float: right;
}
/* Login page styles end */
#main #topMenu #shopselect .fa-close { position: absolute; right: 9px; top: 4px; font-size: 22px; }
#main #topMenu #shopselect .fa-close:hover { color:#665; cursor:pointer; }
#main #topMenu #shopselect .fa-close:active { color:black; cursor:pointer; }
#main #topMenu #shopselect #shopselectCMS {
margin-bottom: 20px;
}
#main #topMenu #shopselect #shopselectCMS h3 {
font-size: 18px;
line-height: 19px;
margin: 18px 0 6px 0;
}
#main #topMenu #shopselect #shopselectCMS h4 {
margin: 0 0 15px 0;
}
#main #topMenu #shopselect #shopselectCMS p {
margin: 0 0 6px 0;
line-height: 17px;
color: #666666;
font-size: 14px;
}
#main #topMenu #shopselect #shopselectCMS p a { color:inherit; text-decoration:underline;}
#main #topMenu #shopselect #shopselectCMS p a:hover { color:black; }
#main #topMenu #shopselect #shopselectTop {
padding: 0;
float: left;
width: 320px;
}
#main #topMenu #shopselect span.city {
display: block;
background-color: #b90938;
line-height: 24px;
color: #FFFFFF;
padding: 0 8px;
border-radius: 6px 0 0 0;
}
#main #topMenu #shopselect a.location {
display: block;
position: relative;
color: #000000;
cursor: pointer;
border-radius: 0 0 0 6px;
line-height: 24px;
background-color: #cccccc;
}
#main #topMenu #shopselect a.location.kobbermoelle,
#main #topMenu #shopselect a.location.heiligenhafen,
#main #topMenu #shopselect a.location.krusaa {
border-radius: 0;
}
#main #topMenu #shopselect a.location + a.location { border-top: 1px solid #FFFFFF;}
#main #topMenu #shopselect a.location:hover { background-color: #ddd; }
#main #topMenu #shopselect a.location.active,
#main #topMenu #shopselect a.location.active:hover { color: #ffffff; background-color: #4ba11c;}
#main #topMenu #shopselect a.location span.butik { display: block; font-size: 14px; font-weight: bold; vertical-align: middle; line-height: 30px; }
#main #topMenu #shopselect a.location span.butik:before { content: " "; font-family: FontAwesome; vertical-align: inherit; margin: 0 5px 0 7px; width: 19px; display: inline-block; background-color: white; height: 20px; border-radius: 3px; position: relative; top: -1px; font-size: 16px; line-height: 20px; padding-left: 3px;}
#main #topMenu #shopselect a.location:hover span.butik:before { content: "\f00c"; }
#main #topMenu #shopselect a.location.active span.butik:before { content: "\f00c"; color: #39b900; }
#main #topMenu #shopselect a.location:active { background-color: #bbb; }
#main #topMenu #shopselect a.location span.number {
position: absolute;
display: block;
width: 30px;
height: 30px;
right: 0;
top: 0;
font-size: 12px;
font-weight: bold;
line-height: 30px;
color: #ffffff;
text-align: center;
background-color: #2a3e49;
}
.map-holder{
padding: 24px 18px;
text-align: center;
position: relative;
}
#main #topMenu #shopselect a.map-butik span.map-point {
position: absolute;
display: block;
width: 8px;
height: 8px;
}
#main #topMenu #shopselect a.map-butik {
position: absolute;
display: block;
width: 30px;
height: 30px;
border-radius: 4px;
cursor: pointer;
}
#main #topMenu #shopselect a.map-butik:hover, #main #topMenu #shopselect a.map-butik.active{
border: 2px solid #00ff00;
box-shadow: 0 0 10px #00ff00;
}
#main #topMenu #shopselect a.map-butik.aventoft {
top: 224px;
left: 131px;
}
#main #topMenu #shopselect a.map-butik.suederluegum{
bottom: 155px;
left: 141px;
}
#main #topMenu #shopselect a.map-butik.harrislee {
bottom: 141px;
left: 206px;
}
#main #topMenu #shopselect a.map-butik.kobbermoelle{
bottom: 209px;
left: 232px;
}
#main #topMenu #shopselect a.map-butik.krusaa {
bottom: 210px;
left: 186px;
}
#main #topMenu #shopselect a.map-butik.wassersleben {
bottom: 140px;
left: 251px;
}
#main #topMenu #shopselect a.map-butik.heiligenhafen{
bottom: 109px;
right: 403px;
}
#main #topMenu #shopselect a.map-butik.burg{
bottom: 128px;
left: 436px;
}
#main #topMenu #shopselect a.map-butik.aventoft span.map-point {
top: 46px;
left: 21px;
}
#main #topMenu #shopselect a.map-butik.suederluegum span.map-point {
top: -19px;
right: -4px;
}
#main #topMenu #shopselect a.map-butik.harrislee span.map-point{
top: -17px;
left: 20px;
}
#main #topMenu #shopselect a.map-butik.kobbermoelle span.map-point {
top: 43px;
left: 2px;
}
#main #topMenu #shopselect a.map-butik.krusaa span.map-point{
top: 43px;
left: 39px;
}
#main #topMenu #shopselect a.map-butik.wassersleben span.map-point{
top: -18px;
left: -15px;
}
#main #topMenu #shopselect a.map-butik.heiligenhafen span.map-point{
top: 44px;
left: 28px;
}
#main #topMenu #shopselect a.map-butik.burg span.map-point{
top: 45px;
left: 20px;
}
#main #topMenu #shopselect.clickcollect a.map-butik.harrislee {
bottom: 141px;
left: 127px;
}
#main #topMenu #shopselect.clickcollect a.map-butik.aventoft {
top: 224px;
left: 52px;
}
#main #topMenu #shopselect.clickcollect a.map-butik.suederluegum{
bottom: 155px;
left: 62px;
}
#main #topMenu #shopselect.clickcollect a.map-butik.kobbermoelle{
bottom: 209px;
left: 153px;
}
#main #topMenu #shopselect.clickcollect a.map-butik.krusaa {
bottom: 210px;
left: 107px;
}
#main #topMenu #shopselect.clickcollect a.map-butik.wassersleben {
bottom: 140px;
left: 172px;
}
#main #topMenu #shopselect.clickcollect a.map-butik.heiligenhafen{
bottom: 109px;
right: 324px;
}
#main #topMenu #shopselect.clickcollect a.map-butik.burg{
bottom: 128px;
left: 357px;
}
#main #topMenu #shopselect #shopselectBottomMobile {
display: none;
}
#main #topMenu #shopselect .locBorder {
position: relative;
padding: 0;
margin-bottom: 10px;
}
/* Skift butik slut */
/* Vis huskeliste start */
#main #topMenu #vishuskeliste {
}
#main #topMenu #vishuskeliste:hover { }
#main #topMenu #vishuskeliste .icon {
position: relative;
display: inline-block;
padding: 0;
font-size: 15px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 29px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
-moz-osx-font-smoothing: grayscale;
}
#main #topMenu #vishuskeliste .icon::before {
content: "\f046";
}
#main #topMenu #vishuskeliste .text {
position: relative;
top: -1px;
display: inline-block;
text-align: center;
color: #ffffff;
padding: 0 2px 0 2px;
vertical-align: middle;
}
#main #topMenu #vishuskeliste .antal {
display: inline-block;
text-align: center;
color: #ffffff;
font-size: 0;
background-color: #696b65;
height: 15px;
vertical-align: middle;
line-height: 16px;
padding: 2px 5px;
border-radius: 5px;
margin-left: 5px;
}
#main #topMenu #vishuskeliste:hover .antal { background-color: #747670; }
#main #topMenu #vishuskeliste .antal > span { font-size:12px }
#main #topMenu #huskeliste {
display: none;
position: absolute;
z-index: 2000;
background-color: #ffffff;
top: 29px;
right: 355px;
width: 493px;
border: 1px solid #3c4044;
box-shadow:0 0 12px rgba(0,0,0,0.4);
border-radius: 6px;
}
#main #topMenu #huskeliste #huskelisteheaderbar {
width: 493px;
height: 16px;
background-color: #3c4044;
border: 1px solid #3c4044;
}
#main #topMenu #huskeliste #huskelisteheaderbar .header {
float: left;
display: block;
color: #ffffff;
padding: 1px 0 0 10px;
line-height: 13px;
}
#main #topMenu #huskeliste #huskelisteheaderbar a.luk {
float: right;
position: relative;
display: block;
color: #ffffff;
margin: 0 5px 0 0;
text-decoration: none;
}
#main #topMenu #huskeliste #huskelisteheaderbar a.luk .icon {
position: relative;
display: inline-block;
padding: 0 7px 0 0;
font-size: 13px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 0 0 5px;
}
#main #topMenu #huskeliste #huskelisteheaderbar a.luk .icon::before {
content: "\f057";
}
#main #topMenu #huskeliste .huskelistefor {
display: block;
width: 493px;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #6e7378;
margin: 20px 0 10px 0;
}
#main #topMenu #huskeliste .huskelistefor .butik {
color: #3c4044;
}
#main #topMenu #huskeliste a.printhuskeliste {
display: inline-block;
width: 100%;
height: 20px;
background-image: none;
background-repeat: repeat-x;
background-position: -200px -1080px;
margin: 20px auto 20px auto;
color: black;
}
#main #topMenu #huskeliste a.printhuskeliste .text {
display: block;
text-align: center;
color: black;
font-size: 14px;
font-weight: bold;
padding: 3px 0 0 0;
}
#main #topMenu #huskeliste .plistE5 table.Tabular {
margin: 0 0 20px 20px;
width: 463px;
}
#main #topMenu #huskeliste .plistE5 tabel.Tabular,
#main #topMenu #huskeliste .plistE5 tabel.Tabular tr,
#main #topMenu #huskeliste .plistE5 tabel.Tabular td {
padding: 0;
border-spacing: 0;
}
#main #topMenu #huskeliste .plistE5 td.Image {
width: 30px;
text-align: left;
padding: 5px 0 5px 10px;
}
#main #topMenu #huskeliste .plistE5 td.ProductName {
width: 200px;
text-align: left;
padding: 0 0 0 10px;
}
#main #topMenu #huskeliste .plistE5 td.ProductName a {
color: #000000;
font-weight: bold;
}
#main #topMenu #huskeliste .plistE5 span.Basket {
display: block;
width: 145px;
height: 22px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: repeat-x;
background-position: -190px -1480px;
position: relative;
}
#main #topMenu #huskeliste .plistE5 span.Basket input {
position: absolute;
top: 0;
left: 0;
width: 35px;
height: 22px;
border: none;
outline: none;
background-color: transparent;
text-align: center;
padding: 1px;
}
#main #topMenu #huskeliste .plistE5 span.Basket img {
position: absolute;
top: 0;
left: 40px;
width: 123px !important;
height: 22px !important;
cursor: pointer;
}
#main #topMenu #huskeliste .plistE5 span.remfav {
display: block;
width: 35px;
text-align: center;
}
#main #topMenu #huskeliste .plistE5 span.remfav img {
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -320px -1480px;
}
#main #topMenu #huskeliste .footer {
display: none;
width: 473px;
font-size: 16px;
line-height: 17px;
font-style: italic;
text-align: center;
color: #6e7378;
margin: 10px 0 20px 0;
}
#main #topMenu #huskelistetom {
display: none;
text-align: center;
padding: 20px 0 20px 0;
}
/* Vis huskeliste slut */
/* Member dropdown styles start */
.member-element div.dropbtn{
background: #7d7f77;
border-radius: 4px;
padding: 0 8px;
color: #FFFFFF;
font-size: 12px;
height: 29px;
line-height: 29px;
cursor: pointer;
text-align: left;
}
#main #topMenu .member-element .icon {
position: relative;
display: inline-block;
padding: 0;
font-size: 17px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 29px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
-moz-osx-font-smoothing: grayscale;
}
#main #topMenu .member-element .icon:before{
content: "\f007";
}
#main #topMenu .member-element .icon.arrow-down{
float: right;
}
#main #topMenu .member-element .icon.arrow-down:before{content: "\f0d7"; font-size: 14px;}
/* The container - needed to position the dropdown content */
.dropdown {
position: absolute;
top: 0;
right: 375px;
width: 150px;
height: 29px;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
top: 26px;
background-color: transparent;
min-width: 320px;
z-index: 299;
}
.dropdown-content .login-box-dropdown{
background-color: #e5e5e5;
padding: 18px 12px;
color: #FFFFFF;
overflow: hidden;
text-align: left;
}
.dropdown-content .login-box-dropdown{
border-radius: 0;
margin-top: 0;
}
.dropdown-content .login-box-dropdown .customerLoginBdy h3,
.dropdown-content .login-box-dropdown .forgotPasswordBdy h2{
display: none;
}
.dropdown-content .login-box-dropdown .customerLoginBdy label input,
.dropdown-content .forgotPasswordBdy .forgotPasswordInputContent input[type="text"]{
background-color: #FFFFFF;
color: #666666;
}
.dropdown-content .login-box-dropdown .customerLoginBdy > a.forgotLoginLnk{
color: #666666;
}
.bottom-login-box{
padding: 15px 10px;
background-color: #cecdcd;
text-align: left;
border-radius: 0 0 5px 5px;
}
.bottom-login-box h4 {
margin: 0 0 6px 0;
font-size: 18px;
}
.bottom-login-box ul.login-actions li{
padding: 8px 0 0 0;
}
.dropdown-content .login-box-dropdown .forgotPasswordBdy{
color: #333333;
text-align: left;
}
.dropdown-content.logged-customer-dropdown{
min-width: 150px;
max-width: 151px;
}
.logged-box-top{
background-color: #FFFFFF;
border-radius: 0 0 5px 5px;
padding: 12px 6px 8px 6px;
text-align: left;
}
.logged-box-top a,
.logged-box a{
display: block;
text-decoration: none;
color: #333333;
font-size: 14px;
margin-bottom: 8px;
}
.logged-box-top a:hover,
.logged-box a:hover{
text-decoration: underline;
}
.logged-box i{
width: 24px;
font-size: 16px;
vertical-align: middle;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block !important;}
/* Member dropdown styles end */
/* Forside karrusel start */
#main #karrusel {
width: 944px;
height: 301px;
border: solid 1px #9a9fa3;
border-radius: 6px;
overflow: hidden;
margin: 15px 0 0 0;
position: relative;
}
#main #karrusel .owl-controls {
position: absolute;
top: 258px;
left: 20px !important;
text-align: left !important;
}
#main #karrusel .owl-controls div.owl-page {
text-indent: -9999px;
display: inline-block;
width: 32px;
height: 32px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -210px -1000px;
}
#main #karrusel .owl-controls .owl-page.active {
background-position: -250px -1000px;
}
#main #karrusel .owl-wrapper-outer {
width: 944px;
height: 303px;
}
#main #karrusel .owl-item {
height: 303px;
}
#main #karrusel .foto {
width: 946px;
height: 303px;
border-radius: 6px;
background-repeat: no-repeat;
}
#main #karrusel .foto.Aventoft {
background-image: url(/media/181/img_karrusel/Aventoft-946x303.jpg);
}
#main #karrusel .foto.Suederluegum {
background-image: url(/media/181/img_karrusel/Suederluegum-946x303.jpg);
}
#main #karrusel .foto.default,
#main #karrusel .foto.Harrislee {
background-image: url(/media/181/img_karrusel/Harrislee-946x303.jpg);
}
#main #karrusel .foto.Kobbermoelle {
background-image: url(/media/181/img_karrusel/Kobbermoelle-946x303.jpg);
}
#main #karrusel .foto.Krusaa {
background-image: url(/media/181/img_karrusel/Krusaa-946x303.jpg);
}
#main #karrusel .foto.Wassersleben {
background-image: url(/media/181/img_karrusel/Wassersleben-946x303.jpg);
}
#main #karrusel .foto.Heiligenhafen {
background-image: url(/media/181/img_karrusel/Heiligenhafen-946x303.jpg);
}
#main #karrusel .foto.Burg {
background-image: url(/media/181/img_karrusel/Burg-946x303.jpg);
}
#main #karrusel .banner {
cursor: pointer;
width: 945px;
height: 301px;
border-radius: 6px;
display: none;
}
/* Forside karrusel slut */
/* Forside karrusel produkt start */
#main #karrusel .produkt {
position: relative;
}
#main #karrusel .produkt a.productName {
display: block;
width: 525px;
height: 100px;
overflow: hidden;
position: absolute;
top: 20px;
left: 20px;
text-align: left;
font-size: 35px;
line-height: 37px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
#main #karrusel .produkt .productImage {
width: 288px;
height: 288px;
position: absolute;
top: 3px;
left: 550px;
}
#main #karrusel .produkt .productSplash {
width: 114px;
height: 87px;
background-image: url(/media/181/img/splash.png);
background-repeat: no-repeat;
background-position: -3px 0px;
position: absolute;
top: 25px;
left: 812px;
}
#main #karrusel .produkt .productPriceArea {
width: 520px;
height: 136px;
border-bottom: solid 1px #9a9fa3;
position: absolute;
top: 110px;
left: 20px;
}
#main #karrusel .produkt .productPriceArea .productOnePrice {
font-size: 19px;
line-height: 19px;
margin: 0 0 0 210px;
}
#main #karrusel .produkt .productPriceArea .familyPriceAmount {
/* position: absolute;
top: 25px; */
font-size: 19px;
line-height: 19px;
font-weight: bold;
margin: 0 0 0 210px;
}
#main #karrusel .produkt .productPriceArea .productPrice {
/* position: absolute;
top: 14px;
right: 0; */
font-size: 66px;
line-height: 66px;
font-weight: bold;
text-align: right;
}
#main #karrusel .produkt .productPriceArea .productPrice .currency {
font-size: 19px;
font-weight: normal;
display: inline-block;
padding: 0 5px 0 0;
}
#main #karrusel .produkt .productPriceArea .productPrice sup {
position: relative;
font-size: 34px;
top: -24px;
}
#main #karrusel .produkt .productPriceArea .productPriceEuro {
position: absolute;
top: 61px;
left: 485px;
width: 60px;
color: #666666;
}
#main #karrusel .produkt .productAddToBasket {
position: absolute;
top: 200px;
left: 313px;
width: 230px;
height: 30px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0px -2130px;
}
#main #karrusel .produkt .productAddToBasket input {
text-align: center;
width: 50px;
height: 30px;
font-size: 16px;
background-color: transparent;
border: 0;
outline: none;
}
#main #karrusel .produkt .productAddToBasket a {
position: absolute;
top: 0;
left: 60px;
width: 170px;
height: 30px;
display: block;
cursor: pointer;
}
#main #karrusel .produkt .productAddToBasket a:hover {
text-decoration: none;
}
#main #karrusel .produkt .productAddToBasket a span.text {
text-align: right;
width: 120px;
display: inline-block;
color: #ffffff;
font-size: 18px;
font-weight: bold;
padding: 8px 10px 0 0;
}
#main #karrusel .produkt .productAddToBasket a span.icon {
position: relative;
display: inline-block;
padding: 0 0 0 0;
font-size: 20px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 20px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#main #karrusel .produkt .productAddToBasket a span.icon::before {
content: "\f07A";
}
#main #productDetail #productInfo #PriceaddToBasketArea .addToFavoritesBdy,
#main #productDetail #productInfo #PriceaddToBasketArea .removeFromFavoritesBdy,
#main #productDetail #productInfo #PriceaddToBasketArea .productAddToFavorites {
margin-top:8px;
}
#main #productDetail #productInfo #PriceaddToBasketArea .addToFavoritesBdy a,
#main #productDetail #productInfo #PriceaddToBasketArea .removeFromFavoritesBdy a,
#main #productDetail #productInfo #PriceaddToBasketArea .productAddToFavorites a {
color: #000000;
text-decoration: none;
cursor: pointer;
}
#main #productDetail #productInfo #PriceaddToBasketArea .addToFavoritesBdy a:hover,
#main #productDetail #productInfo #PriceaddToBasketArea .removeFromFavoritesBdy a:hover,
#main #productDetail #productInfo #PriceaddToBasketArea .productAddToFavorites a:hover {
color: #9d1135;
}
#main #karrusel .produkt .productAddToFavorites {
display: none;
}
/* Forside karrusel produkt slut */
/* breadcrumb start */
#main #topMenu .breadcrumb {
position: relative;
width: 1160px;
height: 19px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: repeat-x;
background-position: 0 -1050px;
margin: 10px 0 0 20px;
z-index: 100;
text-align: left;
border-radius: 6px;
}
#main #topMenu .breadcrumbbdy {
padding: 0 0 0 30px;
border-radius: 6px;
overflow: hidden;
}
#main #topMenu .breadcrumbbdy a {
display: inline-block;
position: relative;
top: -6px;
font-size: 11px;
/* text-transform: uppercase; */
color: #91969c;
}
#main #topMenu .breadcrumbbdy a:hover {
color: #696e71;
text-decoration: none;
}
#main #topMenu .breadcrumbbdy .sep {
position: relative;
display: inline-block;
width: 20px;
height: 19px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -80px -1030px;
margin: 0 5px 0 5px;
}
#main #topMenu #breadcrump_home {
position: absolute;
top: 65px;
left: 20px;
display: block;
width: 30px;
height: 19px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0 -1030px;
z-index: 200;
}
#main #topMenu .fixed-top #breadcrump_home { display: none; }
#main #topMenu #breadcrump_end {
position: absolute;
top: 65px;
right: 20px;
display: block;
width: 30px;
height: 19px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -40px -1030px;
z-index: 200;
display: none;
}
/* breadcrumb slut */
/* breadcrumb payoff start */
#main #topMenu #payoff_date {
position: absolute;
top: 68px;
right: 30px;
font-size: 11px;
font-style: italic;
color: #91969c;
z-index: 250;
}
#main #topMenu .fixed-top #payoff_date { display:none; }
/* breadcrumb payoff start */
/* Produktmenu start */
a#home {
display: block;
text-align: center;
width: 40px;
height: 55px;
background-repeat: no-repeat;
float: left;
text-decoration: none;
border-right: solid 1px #626f78;
margin-left: 5px;
background-image: none;
}
a#home:hover { background-position: -50px -150px; background-color: #b1002e; }
a#home.active { top: -5px; background-image: none; background: #94001c; background: -moz-linear-gradient(top, #94001c 1%, #b5002d 18%, #b5002d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#94001c), color-stop(18%,#b5002d), color-stop(100%,#b5002d)); background: -webkit-linear-gradient(top, #94001c 1%,#b5002d 18%,#b5002d 100%); background: -o-linear-gradient(top, #94001c 1%,#b5002d 18%,#b5002d 100%); background: -ms-linear-gradient(top, #94001c 1%,#b5002d 18%,#b5002d 100%); background: linear-gradient(to bottom, #94001c 1%,#b5002d 18%,#b5002d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94001c', endColorstr='#b5002d',GradientType=0 ); /* margin-left: 5px; */ border-top-left-radius: 5px; border-top-right-radius: 5px; height: 60px; position: relative; border-right: 0; line-height: 60px;}
.fixed-top a#home.active { top: 0px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5002d+0,b5002d+88,94001c+100 */ background: #b5002d; /* Old browsers */ background: -moz-linear-gradient(top, #b5002d 0%, #b5002d 88%, #94001c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5002d), color-stop(88%,#b5002d), color-stop(100%,#94001c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b5002d 0%,#b5002d 88%,#94001c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b5002d 0%,#b5002d 88%,#94001c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b5002d 0%,#b5002d 88%,#94001c 100%); /* IE10+ */ background: linear-gradient(to bottom, #b5002d 0%,#b5002d 88%,#94001c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5002d', endColorstr='#94001c',GradientType=0 ); /* IE6-9 */; -webkit-box-shadow: 0px 6px 7px rgba(0,0,0,0.15); -moz-box-shadow: 0px 6px 7px rgba(0,0,0,0.15); box-shadow: 0px 6px 7px rgba(0,0,0,0.15);}
a#home.active:hover { background-position: inherit; }
a#home .icon {
font-size: 22px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 55px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a#home.active:hover .icon {
color: #343f48;
}
a#home.active .icon {
color: white; line-height: 60px;
}
a#home .icon::before {
content: "\f015";
}
#main ul.ProductMenuLvl1 {
width: 1153px;
height: 55px;
padding: 0;
margin: 0;
background-image: none;
background-repeat: repeat-x;
float: left;
background-position: 0 -190px;
}
#main ul.ProductMenuLvl1 li {
float: left;
list-style-type: none;
}
#main ul.ProductMenuLvl1 li a {
height: 55px;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 13px;
line-height: 55px;
font-weight: bold;
text-decoration: none;
background-image: none;
background-repeat: repeat-x;
padding: 0px 20px 0 20px;
border-right: solid 1px #626f78;
background-position: 0 -190px;
}
#main ul.ProductMenuLvl1 li a:hover { background-color: #b1002e; }
#main ul.ProductMenuLvl1 li.activeParent a, #main ul.ProductMenuLvl1 li.active a {
top: -5px; background-image: none; background: #94001c; background: -moz-linear-gradient(top, #94001c 1%, #b5002d 18%, #b5002d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#94001c), color-stop(18%,#b5002d), color-stop(100%,#b5002d)); background: -webkit-linear-gradient(top, #94001c 1%,#b5002d 18%,#b5002d 100%); background: -o-linear-gradient(top, #94001c 1%,#b5002d 18%,#b5002d 100%); background: -ms-linear-gradient(top, #94001c 1%,#b5002d 18%,#b5002d 100%); background: linear-gradient(to bottom, #94001c 1%,#b5002d 18%,#b5002d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94001c', endColorstr='#b5002d',GradientType=0 ); /* margin-left: 5px; */ border-top-left-radius: 5px; border-top-right-radius: 5px; height: 60px; position: relative; border-right: 0; line-height: 60px;
background-position: 0 0;
}
#main .fixed-top ul.ProductMenuLvl1 li.activeParent a,
#main .fixed-top ul.ProductMenuLvl1 li.active a {
top: 0px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5002d+0,b5002d+88,94001c+100 */ background: #b5002d; /* Old browsers */ background: -moz-linear-gradient(top, #b5002d 0%, #b5002d 88%, #94001c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5002d), color-stop(88%,#b5002d), color-stop(100%,#94001c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b5002d 0%,#b5002d 88%,#94001c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b5002d 0%,#b5002d 88%,#94001c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b5002d 0%,#b5002d 88%,#94001c 100%); /* IE10+ */ background: linear-gradient(to bottom, #b5002d 0%,#b5002d 88%,#94001c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5002d', endColorstr='#94001c',GradientType=0 ); /* IE6-9 */; -webkit-box-shadow: 0px 6px 7px rgba(0,0,0,0.15); -moz-box-shadow: 0px 6px 7px rgba(0,0,0,0.15); box-shadow: 0px 6px 7px rgba(0,0,0,0.15);
}
#main ul.ProductMenuLvl1 li.activeParent a:hover,
#main ul.ProductMenuLvl1 li.active a:hover {
background-position: initial;
color: #000000;
}
#main #responsiveProductMenu {
display: none;
}
/* Produktmenu slut */
/* Left pane products submenu - start */
#main #leftPane .ese71bdy ul.shopMenu > li {display:none;}
#main #leftPane .ese71bdy ul.shopMenu > li.activeParent, #main #leftPane .ese71bdy ul.shopMenu > li.active { display:block; margin: 10px 20px 10px 20px; border-radius: 6px; overflow: hidden;}
#main #leftPane .ese71bdy ul.shopMenu > li.activeParent > a,
#main #leftPane .ese71bdy ul.shopMenu > li.active > a {background-color: #363732; color:white;display: inline-block;width: 179px;text-align: left;padding-left: 15px;font-size: 14px;line-height: 40px;font-weight: bold;}
#main #leftPane .ese71bdy ul.shopMenu > li> ul { color: white; display:block; /* border-radius:6px; */ overflow:hidden; background-color: #43443f;}
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li { /* background-color: #43443f; */text-align:left;padding-left: 0px; border-bottom:1px solid #2e2f2a;}
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li:hover { }
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li:first-child { border-top:0; }
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li:last-child { border-bottom:0; }
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > a { color: white; line-height: 30px; padding-left: 15px; display: inline-block; width: 179px; background-color: #43443f; font-size: 12px; font-weight: 100;}
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > a:hover { background-color: #830025; cursor:pointer; }
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > a:active {background-color: #ab1942;}
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li.active > a,
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li.activeParent > a { background-color: #b10034; font-weight: bold;}
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li.activeParent > ul,
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li.active > ul { display:block; }
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul { text-align:left; display: none; overflow: hidden;}
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li > ul > li,
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li { background-color: #d1d2cc; }
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li > ul > li,
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li > ul > li + li,
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li + li { border-top:1px solid #c0c1bb; }
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li > ul > li > a,
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li > a {color: #43443f; line-height: 15px; padding: 6px 5px 6px 18px; display: inline-block;width: 171px;padding-right: 5px;font-size: 11px;}
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li > ul > li > a:hover,
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li > a:hover { text-decoration:underline; }
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li > ul > li > a:before,
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li > a:before { content:url('/media/181/img/leftmenuArrow.png'); margin-right:3px; }
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li > ul > li.active > a { font-weight:bold; }
#main #leftPane .ese71bdy ul.shopMenu > li> ul > li:last-child > ul { }
/* Left Pane products submenu - end */
/* pMenu lvl 2 start */
#main #leftPane ul#pMenuSublevelsl1 {
margin: 15px 0 0 20px;
}
#main #leftPane ul#pMenuSublevelsl1 > li> a {
width: 184px;
height: 12px;
overflow: hidden;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0 -630px;
font-size: 12px;
line-height: 13px;
text-align: left;
font-weight: bold;
color: #ffffff;
padding: 4px 0 5px 10px;
margin: 5px 0 0 0;
}
#main #leftPane ul#pMenuSublevelsl1 > li > a:hover {
text-decoration: none;
background-position: 0 -660px;
padding: 4px 0 5px 19px;
}
#main #leftPane ul#pMenuSublevelsl1 > li > a.active {
background-position: 0 -660px;
width: 174px;
padding: 4px 0 5px 19px;
}
#main #leftPane ul#pMenuSublevelsl1 > li > ul {
width: 194px;
background-color: #ebebec;
padding: 2px 0 4px 0;
}
#main #leftPane ul#pMenuSublevelsl1 > li > ul > li {
text-align: left;
}
#main #leftPane ul#pMenuSublevelsl1 > li > ul > li > a {
display: block;
text-align: left;
padding: 2px 0 0 10px;
margin: 0 0 0 10px;
color: #000000;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -210px -630px;
}
#main #leftPane ul#pMenuSublevelsl1 > li > ul > li > a.active,
#main #leftPane ul#pMenuSublevelsl1 > li > ul > li > a:hover {
text-decoration: none;
color: #c50637;
background-position: -210px -660px;
}
/* pMenu lvl 2 slut */
/* InfoMenu1 start */
#main #leftPane #skiftbutikBottom {
display: none;
}
#main #leftPane ul.InfoMenu1{
margin: 16px 0 0 20px;
}
#main #leftPane ul.InfoMenu1 li {
list-style-type: none;
}
#main #leftPane ul.InfoMenu1 > li > a {
display: block;
width: 184px;
height: 12px;
overflow: hidden;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0 -310px;
font-size: 13px;
line-height: 13px;
text-align: left;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
padding: 5px 0 7px 10px;
margin: 7px 0 0 0 ;
text-decoration: none;
}
#main #leftPane ul.InfoMenu1 > li > a:hover {
background-position: 0 -340px;
}
#main #leftPane ul.InfoMenu1 > li > a.active {
background-position: 0 -340px;
color: #ffffff;
}
#main #leftPane ul.InfoMenu1 > li.active a:hover {
background-position: 0 -340px;
color: #ffffff;
}
#main #leftPane ul.InfoMenu1 > li > ul {
width: 194px;
background-color: #ebebec;
padding: 2px 0 4px 0;
}
#main #leftPane ul.InfoMenu1 > li > ul > li {
text-align: left;
}
#main #leftPane ul.InfoMenu1 > li > ul > li > a {
display: block;
text-align: left;
padding: 2px 0 0 10px;
margin: 0 0 0 10px;
color: #000000;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -210px -630px;
}
#main #leftPane ul.InfoMenu1 > li > ul > li.active > a,
#main #leftPane ul.InfoMenu1 > li > ul > li > a:hover {
text-decoration: none;
color: #c50637;
background-position: -210px -660px;
}
/* InfoMenu1 slut */
/* Nyhedsbrev tilmelding start */
#main #leftPane #newsletter_signup {
position: relative;
width: 194px;
height: 323px;
background-image: url(/media/181/img/grafik2.png);
background-repeat: no-repeat;
margin: 14px 0 0 20px;
text-align: left;
color: #ffffff;
}
#main #leftPane #newsletter_signup h3.newsletter_head {
position: absolute;
top: 7px;
left: 10px;
width: 174px;
margin: 0;
color: #ffffff;
padding: 0 0 3px 0;
border-bottom: solid 1px #ce869a;
}
#main #leftPane #newsletter_signup .introtext {
position: absolute;
top: 31px;
left: 10px;
width: 180px;
font-size: 11px;
line-height: 12px;
}
#main #leftPane #newsletter_signup #nyhedsbrevtilbud {
position: absolute;
top: 63px;
left: 0;
width: 194px;
height: 210px;
overflow: hidden;
}
#main #leftPane #newsletter_signup #tilmelding {
position: absolute;
top: 290px;
left: 10px;
}
#main #leftPane #newsletter_signup #tilmelding table td {
border-spacing: 0;
padding: 0;
}
#main #leftPane #newsletter_signup #tilmelding input {
width: 168px;
height: 17px;
background-image: url(/media/181/img/grafik2.png);
background-repeat: no-repeat;
background-position: 0 -340px;
border: none;
outline: none;
background-color: transparent;
margin: 0 0 5px 0;
padding: 1px 1px 1px 5px;
}
#main #leftPane #newsletter_signup #tilmelding a {
display: block;
width: 140px;
height: 16px;
background-image: url(/media/181/img/grafik2.png);
background-repeat: no-repeat;
background-position: 0 -370px;
margin: 5px 0 0 17px;
text-align: center;
font-size: 12px;
color: #ffffff;
padding: 2px 0 0 0;
}
/* Nyhedsbrev tilmelding slut */
/* Language selector start */
#main #languageSelect {
width: 185px;
height: 19px;
position: absolute;
top: 51px;
left: 130px;
}
#main #languageSelect a {
display: block;
width: 32px;
height: 19px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
float: left;
margin: 0 5px 0 0;
opacity: 0.4;
filter: alpha(opacity=40);
cursor: pointer;
}
#main #languageSelect a:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
#main #languageSelect a.active {
opacity: 1.0;
filter: alpha(opacity=100);
}
#main #languageSelect a#dansk {
background-position: -60px -90px;
}
#main #languageSelect a#svenska {
background-position: -100px -90px;
}
#main #languageSelect a#norsk {
display: none;
background-position: -140px -90px;
}
#main #languageSelect a#suomi {
display: none;
background-position: -180px -90px;
}
#main #languageSelect a#english {
display: none;
background-position: -220px -90px;
}
#main ul.ProductMenuAll {
display: none;
}
/* language selector finish */
/* Tilbudsavis LeftPane start */
#main #leftPane #tilbudsavisLeftPane {
width: 194px;
height: 140px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0 -850px;
margin: 15px 0 0 20px;
}
#main #leftPane #tilbudsavisLeftPane #tilbudsavisPlaceholder {
width: 193px;
height: 139px;
overflow: hidden;
position: relative;
}
#main #leftPane #tilbudsavisLeftPane #ipaperBack {
width: 90px;
height: 127px;
position: absolute;
top: 47px;
left: 94px;
}
#main #leftPane #tilbudsavisLeftPane #tilbudsavisFront {
width: 125px;
height: 138px;
position: absolute;
top: 1px;
left: 0;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -200px -850px;
}
#main #leftPane #tilbudsavisLeftPane #tilbudsavisFront #ipaperFront {
width: 90px;
height: 135px;
position: absolute;
top: 10px;
left: 10px;
}
#main #leftPane #tilbudsavisLeftPane #tilbudsavisPlaceholder #text {
position: absolute;
top: 6px;
left: 113px;
text-align: left;
font-size: 16px;
line-height: 17px;
font-weight: bold;
color: #373e42;
}
#main #leftPane #tilbudsavisLeftPane #tilbudsavisPlaceholder #skygge {
position: absolute;
display: block;
width: 194px;
height: 30px;
top: 120px;
left: 0;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0 -990px;
}
#main #leftPane #tilbudsavisLeftPane #tilbudsavisPlaceholder #link {
position: absolute;
display: block;
width: 193px;
height: 139px;
top: 0;
left: 0;
text-indent: -9999px;
}
/* Tilbudsaviser LeftPane slut */
/* Produktfilter start */
#main #ShopContent #filterBox {
display: none;
width: 944px;
height: 158px;
border: solid 1px #9a9fa3;
border-radius: 5px;
background-color: #f1f2f2;
overflow: hidden;
margin: 10px 0 0 0;
position: relative;
}
#main #ShopContent #filterBox .ec90resetFilterec90resetFilter {
display: none;
}
#main #ShopContent #filterBox > div {
width: 170px;
padding: 5px 0 0 10px;
float: left;
position: relative;
}
#main #ShopContent #filterBox > div h2 {
font-size: 12px;
margin: 0;
font-weight: bold;
}
#main #ShopContent #filterBox ul {
height: 100px;
overflow: hidden;
padding: 2px 0 0 0;
margin: 0 0 50px 0;
position: relative;
z-index: 90;
}
#main #ShopContent #filterBox input {
display: none;
}
#main #ShopContent #filterBox input + label {
width: 180px;
padding: 0 0 0 18px;
background-image: url(/media/181/img/checkout.png);
background-repeat: no-repeat;
background-position: -280px -790px;
cursor: pointer;
}
#main #ShopContent #filterBox input:checked + label {
background-position: -280px -810px;
}
#main #ShopContent #filterBox ul span.flerevalg {
position: absolute;
display: block;
background-color: #f1f2f2;
top: 85px;
left: 0;
font-style: italic;
cursor: pointer;
z-index: 100;
width: 150px;
padding: 2px 0 10px 20px;
}
#main #ShopContent #filterBox #filterInfo {
position: absolute;
top: 130px;
left: 10px;
width: 924px;
padding: 4px 0 0 0;
border-top: solid 1px #c4cbd0;
}
#main #ShopContent #filterBox #filterInfo div#nulstilalleDiv {
display: none;
}
#main #ShopContent #filterBox #filterInfo div#nulstilalleDiv a.nulstilalle {
display: block;
width: 100px;
height: 15px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -190px -1510px;
margin: 3px 0 0 0px;
font-size: 11px;
padding: 1px 0 0 0;
color: #ffffff;
cursor: pointer;
text-align: center;
float: left;
}
#main #ShopContent #filterBox #filterInfo .ingenvalgt {
display: block;
font-size: 11px;
font-style: italic;
color: #72787c;
padding: 2px 0 0 0;
}
#main #ShopContent #filterBox #filterInfo .filternameSpan {
position: relative;
display: -moz-inline-stack !important;
display: inline-block !important;
font-weight: bold;
padding: 4px 5px 0 10px;
}
#main #ShopContent #filterBox #filterInfo .filternameSpan::after {
content: ":";
}
#main #ShopContent #filterBox #filterInfo .filterDescription {
position: relative;
display: -moz-inline-stack !important;
display: inline-block !important;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -330px -1030px;
padding: 0 0 0 13px;
margin: 0 4px 0 0;
}
#main #ShopContent #filterBox #filterInfo div.filter,
#main #ShopContent #filterBox #filterInfo div.filternameDiv,
#main #ShopContent #filterBox #filterInfo div.filterDescriptionDiv {
position: relative;
display: -moz-inline-stack !important;
display: inline-block !important;
cursor: pointer;
}
#main #morechoices {
display: none;
position: absolute;
z-index: 350;
background-color: #ffffff;
top: 100px;
width: 560px;
left: 300px;
border: 1px solid #3c4044;
box-shadow:0 0 12px rgba(0,0,0,0.4);
}
#main #morechoicesdata {
padding: 0 0 0 20px;
}
#main #morechoicesdata h2 {
font-size: 13px;
}
#main #morechoicesdata ul {
-webkit-column-count:3;
-moz-column-count:3;
column-count:3;
-webkit-column-gap:20px;
-moz-column-gap:20px;
column-gap:20px;
}
#main #ShopContent #filterBox li {
height: 17px;
}
#main #ShopContent #morechoices input {
margin: 0 4px 0 0;
}
#main #ShopContent #morechoices a.savechoices {
display: inline-block;
width: 120px;
height: 20px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -100px -1770px;
margin: 10px 5px 20px 240px;
padding: 4px 0 0 0;
color: #ffffff;
text-align: center;
cursor: pointer;
}
#main #morechoices #FlerevalgHeaderbar {
width: 560px;
height: 16px;
background-color: #3c4044;
border: 1px solid #3c4044;
}
#main #morechoices #FlerevalgHeaderbar .header {
float: left;
display: block;
color: #ffffff;
padding: 1px 0 0 10px;
line-height: 13px;
}
#main #morechoices #FlerevalgHeaderbar a.luk {
float: right;
position: relative;
display: block;
color: #ffffff;
margin: 0 5px 0 0;
text-decoration: none;
}
#main #morechoices #FlerevalgHeaderbar a.luk .icon {
position: relative;
display: inline-block;
padding: 0 7px 0 0;
font-size: 13px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 0 0 5px;
}
#main #morechoices #FlerevalgHeaderbar a.luk .icon::before {
content: "\f057";
}
#main #ShopContent #mobileMenuTitle {
display: none;
}
#main #ShopContent #filterBox #FilterMobileheaderbar {
display: none !important;
}
#main span.ec90CheckboxStockec90CheckboxStock {
display: none;
}
/* Produktfilter slut */
/* Produktilste Header start */
#main .sortingContainer {
width: 946px;
height: 25px;
padding: 15px 0 0 0;
}
#main .sortingContainer .sortingContainerLeft {
width: 30px;
height: 25px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0 -1080px;
float: left;
}
#main .sortingContainer .sortingContainerMiddle {
width: 886px;
height: 25px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: repeat-x;
background-position: 0 -1110px;
float: left;
text-align: left;
}
#main .sortingContainer .sortingContainerRight {
width: 30px;
height: 25px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -40px -1080px;
float: left;
}
#main .sortingContainer.bottom {
padding: 0 0 0 0;
margin: 0 0 15px 0;
}
#main .sortingContainer.bottom .sortingContainerLeft {
background-position: -80px -1080px;
}
#main .sortingContainer.bottom .sortingContainerMiddle {
background-position: 0 -1109px;
text-align: right;
}
#main .sortingContainer.bottom .sortingContainerRight {
background-position: -120px -1080px;
}
#main .sortingContainer.bottom .sortingContainerMiddle a {
display: inline-block;
font-weight: bold;
color: #000000;
}
#main .sortingContainer a .icon {
position: relative;
top: 2px;
font-size: 20px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 20px;
color: #000000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#main .sortingContainer.bottom .sortingContainerMiddle a .icon::before {
content: "\f0D8";
}
#main .sortingContainer.top .sortingContainerMiddle a .icon {
float: right;
margin: 1px 0 0 10px;
color: #5f7180;
}
#main .sortingContainer.top .sortingContainerMiddle a .icon.active {
color: #343f48;
}
#main .sortingContainer.top .sortingContainerMiddle a .icon.pList1::before {
content: "\f009";
}
#main .sortingContainer.top .sortingContainerMiddle a .icon.pList2::before {
content: "\f00B";
}
#main .sortingContainer .sortOptions {
display: inline-block;
position: relative;
padding: 3px 0 0 0;
}
#main .sortingContainer .sortOptions span.header {
float: left;
display: block;
color: #5d656c;
padding: 3px 5px 0 10px;
}
#main .sortingContainer .sortOptions div.button {
float: left;
}
#main .sortingContainer .sortOptions a.sortButton {
color: #5d656c;
}
#main .sortingContainer .sortOptions a.sortButton:hover {
text-decoration: none;
}
#main .sortingContainer .sortOptions .sortButton div.label {
float: left;
height: 18px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -30px -2440px;
}
#main .sortingContainer .sortOptions .sortButton div.label span.text {
display: block;
font-size: 12px;
line-height: 12px;
padding: 3px 10px 0 10px;
}
#main .sortingContainer #sortering.sortOptions .sortButton div.label {
width: 119px;
}
#main .sortingContainer #antal.sortOptions .sortButton div.label {
width: 44px;
}
#main .sortingContainer .sortOptions .sortButton div.end {
float: left;
width: 21px;
height: 18px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0 -2440px;
}
#main .sortingContainer ul {
display: none;
position: absolute;
top: 25px;
z-index: 350;
background-color: #f5f5f6;
border: solid 1px #aeb2b6;
border-radius: 5px;
padding: 5px;
}
#main .sortingContainer #sortering ul {
width: 130px;
text-align: left;
}
#main .sortingContainer #antal ul {
width: 55px;
text-align: center;
}
#main .sortingContainer ul a {
cursor: pointer;
}
/* Produktilste Header slut */
/* Produktliste 1 start */
#main .jsonProducts.pList1 {
text-align: left;
margin: 15px 0 0 0;
position: relative;
}
#main .jsonProducts.pList1 .product {
position: relative;
display: -moz-inline-stack !important;
display: inline-block !important;
width: 176px;
height: 340px;
border: 1px solid #9ca6ae;
margin: 0 14px 14px 0;
overflow: hidden;
border-radius: 5px;
}
#main .jsonProducts.pList1 .product.showSortiment {
height: 310px;
}
#main .jsonProducts.pList1 .product.loggedIn {
height: 360px;
}
#main .jsonProducts.pList1 .product.showSortiment.loggedIn {
height: 330px;
}
#main .jsonProducts.pList1 .product a.productName {
display: block;
width: 164px;
height: 50px;
overflow: hidden;
position: absolute;
top: 9px;
left: 9px;
text-align: left;
font-size: 15px;
line-height: 16px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
#main .plistE6 .prelement .splash,
#main .jsonProducts.pList1 .product .splash {
display: block;
width: 77px;
height: 60px;
position: absolute;
top: 55px;
left: 95px;
background-image: url(/media/181/img/splash.png);
background-repeat: no-repeat;
background-position: -120px 0;
}
#main .plistE6 .prelement .splashImg,
#main .jsonProducts.pList1 .product .splashImg {
width: 70px;
height: auto;
position: absolute;
top: 68px;
left: 10px;
}
#main .jsonProducts.pList1 .product .productImage {
width: 160px;
height: 160px;
position: absolute;
top: 65px;
left: 9px;
}
#main .jsonProducts.pList1 .product .productPriceArea {
width: 160px;
position: absolute;
top: 234px;
left: 9px;
}
#main .plistE6 .prelement .productPriceArea .familyPriceAmount,
#main .jsonProducts.pList1 .product .productPriceArea .familyPriceAmount {
position: absolute;
top: 25px;
font-size: 12px;
line-height: 12px;
font-weight: bold;
}
#main .plistE6 .prelement .productPriceArea .productPrice,
#main .jsonProducts.pList1 .product .productPriceArea .productPrice {
position: absolute;
top: 14px;
right: 0;
font-size: 25px;
line-height: 25px;
font-weight: bold;
text-align: right;
}
#main .plistE6 .prelement .productPriceArea .productPrice .currency,
#main .jsonProducts.pList1 .product .productPriceArea .productPrice .currency {
font-size: 12px;
font-weight: normal;
display: inline-block;
padding: 0 5px 0 0;
}
#main .plistE6 .prelement .productPriceArea .productPrice sup,
#main .jsonProducts.pList1 .product .productPriceArea .productPrice sup {
position: relative;
font-size: 15px;
top: -10px;
}
#main .plistE6 .prelement .productPriceArea .productPriceEuro,
#main .jsonProducts.pList1 .product .productPriceArea .productPriceEuro {
position: absolute;
top: 39px;
width: 142px;
text-align: right;
color: #666666;
}
#main .plistE6 .prelement .productPriceArea .max,
#main .jsonProducts.pList1 .product .productPriceArea .max {
position: absolute;
top: 38px;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
color: #9d1135;
}
#main .products .product .mobileAddToBasket {
position: absolute;
width: 160px;
height: 22px;
}
#main .jsonProducts.pList1 .products .product .mobileAddToBasket {
top: 292px;
left: 9px;
}
#main .jsonProducts.pList2 .products .product .mobileAddToBasket {
top: 65px;
right: 10px;
}
#main .jsonProducts.pList1 .products .product .notbuyable {
position: absolute;
top: 292px;
left: 9px;
width: 160px;
height: 22px;
text-align: center;
color: #008d00;
}
#main .products .product .mobileAddToBasket input,
#main .products .product .mobileBasketManualInput input {
text-align: center;
width: 32px;
height: 18px;
font-size: 13px;
background-color: #ffffff;
border: 1px solid #79838b;
border-radius: 6px;
outline: none;
padding: 1px;
box-shadow: inset 0 0 4px #bbb;
}
#main .products .product .mobileAddToBasketButton {
position: absolute;
top: 0;
left: 40px;
width: 120px;
height: 18px;
display: block;
cursor: pointer;
background-color: #41a941;
border-radius: 6px;
text-align: center;
width: 120px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
padding: 4px 0 0 0;
}
#main .products .product .mobileAddToBasketButton icon {
display: none;
}
#main .products .product .mobileAddToBasketButton:hover {
text-decoration: none;
background-color: #47b547;
}
#main .products .product .mobileAddToBasketButton:active {
background-color: #2f7e2f;
}
#main .products .product .mobileUpdateInBasket {
position: absolute;
width: 160px;
height: 34px;
cursor: pointer;
}
#main .jsonProducts.pList1 .products .product .mobileUpdateInBasket {
top: 292px;
left: 9px;
}
#main .jsonProducts.pList2 .products .product .mobileUpdateInBasket {
top: 65px;
right: 20px;
}
#main .products .product .mobileUpdateInBasket .mobileBasketRemove {
position: absolute;
top: 0;
left: 0;
width: 52px;
height: 22px;
border-radius: 6px;
background-color: #47b547;
}
#main .products .product .mobileUpdateInBasket .mobileBasketRemove:hover {
background-color: #47b547;
}
#main .products .product .mobileUpdateInBasket .mobileBasketAmount {
position: absolute;
left: 62px;
text-align: center;
width: 32px;
height: 16px;
font-size: 13px;
font-weight: bold;
background-color: #ffffff;
/* border: 1px solid #79838b; */
border: 1px solid #47b547;
border-radius: 6px;
outline: none;
padding: 3px 1px 1px 1px;
box-shadow: inset 0 0 4px #bbb;
}
#main .products .product .mobileUpdateInBasket .mobileBasketAmount .text {
display: block;
font-size: 13px;
padding-top: 3px;
font-weight: bold;
}
#main .products .product .mobileUpdateInBasket .mobileBasketAdd {
position: absolute;
top: 0;
left: 106px;
width: 52px;
height: 22px;
border-radius: 6px;
background-color: #47b547;
}
#main .products .product .mobileUpdateInBasket .mobileBasketAdd:hover {
background-color: #47b547;
}
#main .products .product .mobileUpdateInBasket .mobileBasketRemove .text {
position: relative;
top: 2px;
display: block;
text-align: center;
color: #ffffff;
font-size: 26px;
}
#main .products .product .mobileUpdateInBasket .mobileBasketAdd .text {
position: relative;
top: 4px;
display: block;
text-align: center;
color: #ffffff;
font-size: 30px;
}
#main .products .product .mobileUpdateInBasket .mobileBasketManualInput {
display: none;
position: absolute;
bottom: 33px;
left: 35px;
width: 90px;
height: 45px;
background-image: url(/media/181/img/grafikMobile.png?2018-07-26);
background-size: 225px 750px;
background-position: -105px -258px;
}
#main .products .product .mobileUpdateInBasket .mobileBasketManualInput input {
position: absolute;
top: 0;
left: 0;
width: 52px;
height: 35px;
background-color: transparent;
border: none;
text-align: right;
font-size: 22px;
font-weight: bold;
padding: 0;
}
#main .products .product .mobileUpdateInBasket .mobileBasketManualInput .mobileBasketManualInputOk {
position: absolute;
right: 0;
top: 0;
width: 31px;
height: 31px;
border: none;
background-color: transparent;
}
#main .jsonProducts.pList1 .product .productAddToFavorites {
position: absolute;
bottom: 24px;
left: 9px;
width: 160px;
text-align: center;
}
#main .plistE6 .prelement .productAddToFavorites {
position: absolute;
top: 87px;
left: 0;
width: 160px;
text-align: center;
}
#main .plistE6 .prelement .productAddToFavorites a,
#main .jsonProducts.pList1 .product .productAddToFavorites a {
color: #000000;
text-decoration: none;
cursor: pointer;
}
#main .plistE6 .prelement .productAddToFavorites a:hover,
#main .jsonProducts.pList1 .product .productAddToFavorites a:hover {
color: #9d1135;
}
#main .jsonProducts.pList1 .product .productUnitPrice {
position: absolute;
bottom: 5px;
left: 4px;
width: 170px;
font-size: 11px;
text-align: center;
}
/*
#main .jsonProducts.pList1 .product.loggedIn .productUnitPrice {
top: 320px;
}
*/
#main .jsonProducts.pList1 .product .splashImg3 { width: 70px; position: absolute; }
#main .jsonProducts.pList1 .product .splashImg2 { width: 50px; position: absolute; }
#main .jsonProducts.pList1 .product .splashImg-TopRight { top: 70px; right: 10px; }
#main .jsonProducts.pList1 .product .splashImg-TopLeft { top: 70px; left: 10px; }
#main .jsonProducts.pList1 .product .splashImg-BottomRight { top: 160px; right: 10px; }
#main .jsonProducts.pList1 .product .splashImg-BottomLeft { top: 160px; left: 10px; }
#productDetail #productImages > img.splashImg2 { width: 70px; position: absolute; }
#productDetail #productImages > img.splashImg-TopRight { top: 30px; right: 20px; }
#productDetail #productImages > img.splashImg-TopLeft { top: 30px; left: 20px; }
#productDetail #productImages > img.splashImg-BottomRight { top: 190px; right: 30px; }
#productDetail #productImages > img.splashImg-BottomLeft { top: 190px; left: 10px; }
#ShopContent .plistAreaHeader .elementKindProduct img { width: 50px; position: absolute; }
#ShopContent .plistAreaHeader .elementKindProduct img.splashImg-TopRight { top: 70px; right: 10px; }
#ShopContent .plistAreaHeader .elementKindProduct img.splashImg-TopLeft { top: 70px; left: 10px; }
#ShopContent .plistAreaHeader .elementKindProduct img.splashImg-BottomRight { top: 160px; right: 10px; }
#ShopContent .plistAreaHeader .elementKindProduct img.splashImg-BottomLeft { top: 160px; left: 10px; }
/* Produktliste 1 slut */
/* Produktliste 2 start */
#main .jsonProducts.pList2 .products {
text-align: left;
margin: 0;
position: relative;
padding: 0 20px 0 0;
}
#main .jsonProducts.pList2 .products .product.highlight {
border: none !important;
border-bottom: 1px solid #a09f9f !important;
box-shadow: none !important;
border-radius: 0px !important;
margin: 0 !important;
background-color: #e5e6e6;
}
#main .jsonProducts.pList2 .products .product {
position: relative;
width: 100%;
height: 100px;
background-image: none;
margin: 0 0 0 0;
border-bottom: 1px solid #a09f9f;
overflow: hidden;
}
#main .jsonProducts.pList2 .products .product a.productName {
height: 15px;
position: absolute;
top: 0px;
left: 100px;
text-align: left;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #434244 !important;
text-decoration: none;
padding: 5px 0 0 0;
overflow: hidden;
}
#main .jsonProducts.pList2 .products .product .longDesc {
position: absolute;
top: 25px;
left: 100px;
width: 600px;
height: 66px;
overflow: hidden;
}
#main .jsonProducts.pList2 .products .product .splash {
width: 60px;
height: 50px;
position: absolute;
top: 31px;
left: 78px;
background-image: url(/media/209/img/splash.png);
background-repeat: no-repeat;
background-position: -216px 0;
}
#main .jsonProducts.pList2 .products .product .productImage {
width: 90px;
height: 90px;
padding: 5px;
}
#main .jsonProducts.pList2 .products .product .productImage img {
width: 90px !important;
height: 90px !important;
}
#main .jsonProducts.pList2 .products .product .productPriceArea {
position: absolute;
top: 4px;
right: 10px;
width: 180px;
}
#main .jsonProducts.pList2 .products .product .productPriceArea .max {
display: none;
position: absolute;
font-size: 10px;
text-transform: uppercase;
fownt-eight: bold;
color: #9d1135;
}
#main .jsonProducts.pList2 .products .product .productPriceArea .productOnePrice {
/* position: absolute;
top: 30px; */
font-size: 11px;
line-height: 11px;
}
#main .jsonProducts.pList2 .products .product .productUnitPrice {
position: absolute;
top: 45px;
right: 10px;
width: 180px;
}
#main .jsonProducts.pList2 .products .product .productPriceArea .familyPriceAmount {
position: absolute;
top: 12px;
font-size: 13px;
line-height: 13px;
font-weight: bold;
}
#main .jsonProducts.pList2 .products .product .productPriceArea .productPrice {
position: absolute;
top: 3px;
right: 0;
font-size: 24px;
line-height: 24px;
font-weight: bold;
text-align: right;
}
#main .jsonProducts.pList2 .products .product .productPriceArea .productPrice .currency {
font-size: 10px;
font-weight: normal;
display: inline-block;
padding: 0 5px 0 0;
}
#main .jsonProducts.pList2 .products .product .productPriceArea .productPrice sup {
position: relative;
font-size: 12px;
top: -8px;
}
#main .jsonProducts.pList2 .products .product .productPriceArea .productPriceEuro {
display: none;
position: absolute;
top: 33px;
width: 106px;
font-size: 11px;
text-align: right;
color: #666666;
}
#main .jsonProducts.pList2 .products .product .productPriceArea .maxAmount {
position: absolute;
width: 60px;
top: 31px;
font-size: 9px;
line-height: 9px;
text-transform: uppercase;
font-weight: bold;
color: #9d1135;
}
#main .jsonProducts.pList2 .products .product .notbuyable {
position: absolute;
top: 65px;
right: 10px;
width: 122px;
height: 22px;
font-size: 10px;
line-height: 10px;
text-align: right;
color: #9d1135;
}
#main .jsonProducts.pList2 .products .product .productAddToFavorites {
display: none;
position: absolute;
top: 232px;
left: 6px;
width: 122px;
text-align: center;
}
#main .jsonProducts.pList2 .products .product .productAddToFavorites a {
color: #000000;
text-decoration: none;
cursor: pointer;
}
#main .jsonProducts.pList2 .products .product .productAddToFavorites a:hover {
color: #9d1135;
}
#main .jsonProducts.pList2 .products .product img.splashImg2 { width: 40px; position: absolute; z-index: 10; }
#main .jsonProducts.pList2 .products .product img.splashImg-TopRight { top: 10px; left: 50px; }
#main .jsonProducts.pList2 .products .product img.splashImg-TopLeft { top: 10px; left: 5px; }
#main .jsonProducts.pList2 .products .product img.splashImg-BottomRight { top: 50px; left: 50px; }
#main .jsonProducts.pList2 .products .product img.splashImg-BottomLeft { top: 50px; left: 5px; }
/* Produktliste 2 slut */
/* Produktliste pager start */
#main .jsonProducts .pager {
position: absolute;
}
#main .jsonProducts .pager.first {
top: -33px;
right: 30px;
}
#main .jsonProducts.pager.last {
bottom: -20px;
right: 30px;
}
#main .jsonProducts.pager a .icon {
font-size: 12px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 13px;
color: #000000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
padding: 0 4px 0 4px;
}
#main .jsonProducts .pager a .icon.prev::before {
content: "\f0d9";
}
#main .jsonProducts.pager a .icon.next::before {
content: "\f0da";
}
#main .jsonProducts .pager a {
display: inline-block;
color: #000000;
padding: 0 4px 0 4px;
}
#main .jsonProducts .pager .pagecountspan {
display: inline-block;
padding: 0 10px 0 10px;
color: #5d656c;
}
/* Produktliste pager slut */
/* SearchResult Produktliste start */
#main .plist1547 .prelement {
position: relative;
display: -moz-inline-stack;
display: inline-block;
width: 178px;
height: 323px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0 -1140px;
margin: 0 14px 14px 0;
}
#main .plist1547 .prelement .hlink {
display: block;
width: 164px;
height: 34px;
overflow: hidden;
position: absolute;
top: 9px;
left: 9px;
text-align: left;
font-size: 15px;
line-height: 17px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
#main .plist1547 .prelement .primg {
width: 160px;
height: 160px;
position: absolute;
top: 45px;
left: 9px;
}
#main .plist1547 .prelement .prbasket {
width: 160px;
position: absolute;
top: 214px;
left: 9px;
}
#main .plist1547 .prelement .prbasket > span {
position: absolute;
top: 58px;
left: 0;
width: 160px;
height: 22px;
}
#main .plist1547 .prelement .prbasket span input {
text-align: center;
width: 35px;
height: 20px;
font-size: 13px;
background-color: transparent;
border: 0;
outline: none;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0 -1480px;
padding: 1px;
}
#main .plist1547 .prelement .prbasket span img {
position: absolute;
top: 0;
left: 40px;
width: 120px;
height: 22px;
display: block;
cursor: pointer;
}
#main .productPriceArea .notbuyable {
position: absolute;
top: 58px;
}
/* SearchResult Produktliste slut */
/* BottomLinks start */
#main #bottom #frontpageSEO {
text-align: left;
margin: 0px 20px;
}
#main #bottom #bottomFrame {
height: 10px;
margin: 0 0 20px 0;
}
#main #bottom #bottomFrame #left {
width: 10px;
height: 10px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -150px -150px;
float: left;
}
#main #bottom #bottomFrame #middle {
width: 1180px;
height: 10px;
background-color: #ffffff;
float: left;
}
#main #bottom #bottomFrame #right {
width: 10px;
height: 10px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -170px -150px;
float: left;
}
#main #bottom #bottomLinks {
position: relative;
width: 1160px;
height: 130px;
margin: 0 0 0 20px;
text-align: left;
border-bottom: 1px solid #afb2b3;
}
#main #bottom #bottomLinks #headerBar {
position: absolute;
width: 1160px;
height: 19px;
background-color: #cacbce;
border-radius: 5px;
}
#main #bottom #bottomLinks ul.bottomAddress {
position: absolute;
top: 0;
left: 20px;
}
#main #bottom #bottomLinks ul.InfoMenu2 {
position: absolute;
top: 0;
left: 254px;
width: 936px;
}
#main #bottom #bottomLinks ul a {
display: block;
color: #000000;
text-decoration: none;
padding: 4px 0 4px 0;
}
#main #bottom #bottomLinks ul span {
display: block;
color: #000000;
text-decoration: none;
padding: 4px 0 4px 0;
}
#main #bottom #bottomLinks ul.InfoMenu2 > li {
width: 25%;
float: left;
}
#main #bottom #bottomLinks > ul > li > a {
padding: 3px 0 10px 0;
font-weight: bold;
}
#main #bottom #bottomLinks > ul > li > ul > li a {
padding: 4px 0 4px 15px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -190px -804px;
}
/* BottomLinks slut */
/* Banner leftPane start */
#main #leftPane #Banner3bdy img {
text-align: left;
margin: 15px 0 0 0;
width: 194px !important;
}
/* Banner leftPane slut */
/* leftPane Extra start */
#main #leftPane #leftPaneExtra {
margin: 15px 0 0 20px;
width: 194px !important;
}
/* leftPane Extra end */
/* BottomBanner start */
#main #bottom #Banner2bdy {
overflow: hidden;
height: 175px;
margin: 20px 0 20px 20px;
}
#main #bottom #Banner2bdy div.first,
#main #bottom #Banner2bdy div.middle,
#main #bottom #Banner2bdy div.last {
float: left;
margin: 0 20px 0 0;
}
/* BottomBanner slut */
/* Impressum links start */
#main #bottom #impressumLinks {
width: 1160px;
margin: 0 0 20px 20px;
border-top: 1px solid #afb2b3;
padding: 10px 0 0 0 ;
color: #696e71;
}
#main #bottom #impressumLinks a {
color: #696e71;
}
#main #bottom #impressumLinks a:hover {
color: #3c4044;
}
/* Impressum links slut */
/* Butikker start */
#main #ShopContent .butik {
padding: 0 15px 0 0;
/*position: absolute;*/
/*float: left;*/
display: inline-block;
vertical-align: top;
}
#main #ShopContent .map {
width: 470px;
float: right;
margin: 20px 20px 0 0;
}
#main #ShopContent .map img {
width: 470px !important;
}
#main #ShopContent .heading {
clear: both;
margin: 20px 0 0 0;
}
#main #ShopContent .butik .locationList .adresse,
#main #ShopContent .butik .locationList .land {
display: block;
}
#main #ShopContent .butik .locationName {
display: none;
}
#main #ShopContent .butik .heading {
font-weight: bold;
font-size: 15px;
display: block;
padding: 0 0 10px 0;
}
#main #ShopContent .butik ul {
clear: both;
}
#main #ShopContent .openinghours {
margin: 20px 0 30px 0;
}
#main #ShopContent .specialopeninghours {
clear: both;
margin: 30px 0 0 0;
}
#main #ShopContent .openinghoursText {
clear: both;
margin: 0 0 0 0;
}
#main #ShopContent .butik li {
padding: 0 0 2px 0;
}
#main #ShopContent .butik li.weekDay {
float: left;
width: 60px;
}
#main #ShopContent .butik li.date {
float: left;
width: 70px;
}
.butik > .openinghours > span.normalOpeningHours li.date { display: none; }
#main #ShopContent .butik li.closed,
#main #ShopContent .butik li.openingHours {
float: left;
width: 100px;
}
#main #ShopContent .butik li.comment {
float: left;
/* width: 220px; */
}
/* Butikker slut */
/* Butikschefer og ledelse start */
#main #ShopContent .butikschef,
#main #ShopContent .ledelse {
float: left;
width: 156px;
height: 210px;
border: solid 1px #aeb2b6;
border-radius: 5px;
position: relative;
margin: 0 14px 14px 0;
padding: 10px;
color: #000000;
}
#main #ShopContent .butikschef img,
#main #ShopContent .ledelse img {
width: 156px !important;
margin: 0 0 5px 0;
}
#main #ShopContent .butikschef .navn,
#main #ShopContent .ledelse .navn {
font-weight: bold;
}
#main #ShopContent .butikschef a,
#main #ShopContent .ledelse a {
color: #000000;
text-decoration: underline;
}
/* Butikschefer og ledelse slut */
#main #ShopContent table.Toldregler {
max-width: 500px;
margin: 0;
padding: 0;
border-spacing: 0;
border: 2px solid #91969c;
}
#main #ShopContent table.Toldregler td {
text-align: left;
font-weight: normal;
padding: 2px 5px 2px 5px;
border-right: 1px solid #91969c;
border-bottom: 1px solid #91969c;
}
/* Kontakt os start */
#main #ShopContent #Contact #contactForm {
position: relative;
padding: 10px 0 0 0;
}
#main #ShopContent #Contact #contactForm table.selectShop td.c1 {
padding: 5px 0 0 0;
width: 90px;
vertical-align: top;
}
#main #ShopContent #Contact #contactForm table.selectShop td select {
margin: 0 0 10px 0;
}
#main #ShopContent #Contact #contactForm #ec52 {
padding: 10px 0 0 0;
}
#main #ShopContent #Contact #contactForm #ec52 table td.c1 {
padding: 5px 0 0 0;
width: 90px;
vertical-align: top;
}
#main #ShopContent #Contact #contactForm #ec52 table td.c2 {
vertical-align: top;
}
#main #ShopContent #Contact #contactForm #ec52 table td.c2 input {
vertical-align: top;
width: 207px;
height: 23px;
border: 0;
outline: none;
background-color: transparent;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: 0 -1690px;
padding: 1px 0 1px 5px;
margin: 0 0 10px 0;
}
#main #ShopContent #Contact #contactForm textarea {
width: 270px;
height: 140px;
background-image: url(/media/181/img/checkout.png);
background-repeat: no-repeat;
background-position: -500px -740px;
padding: 5px;
border: none;
outline: none;
}
#main #ShopContent #Contact #contactForm a {
display: block;
width: 57px;
height: 25px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -223px -1690px;
color: #ffffff;
padding: 5px 0 0 0;
text-align: center;
font-size: 14px;
margin: 10px 0 0 200px;
}
#main #ShopContent #kontaktiframe {
float: left;
}
#main #ShopContent #contactLinks {
float: left;
margin: 40px 0 0 60px;
}
#main #ShopContent #contactLinks ul li {
list-style: disc;
font-size: 18px;
line-height: 30px;
font-weight: bold;
color: #c50637;
}
#main #ShopContent #contactLinks ul li a {
font-size: 18px;
line-height: 30px;
font-weight: bold;
color: #c50637;
}
/* Kontakt os slut */
/* Butiksoversigt start */
#main #ShopContent .butikker {
padding: 0 0 0 0;
}
#main #ShopContent .butikker ul {
margin: 0 0 20px 0;
float: left;
}
#main #ShopContent .butikker li {
font-size: 15px;
line-height: 18px;
list-style-type: disc;
margin: 0 0 4px 14px;
}
#main #ShopContent .butikker li a {
color: #000000;
text-decoration: underline;
}
#main #ShopContent .kortoversigt {
width: 564px;
position: relative;
float: right;
}
#main #ShopContent .kortoversigt a div.mapLink1 {
position: absolute;
display: block;
width: 6px;
height: 6px;
}
#main #ShopContent .kortoversigt a div.mapLink2 {
position: absolute;
display: block;
width: 24px;
height: 24px;
}
#main #ShopContent .kortoversigt a.aventoft div.mapLink1 {
top: 192px;
left: 77px;
}
#main #ShopContent .kortoversigt a.aventoft div.mapLink2 {
top: 156px;
left: 58px;
}
#main #ShopContent .kortoversigt a.suederluegum div.mapLink1 {
top: 196px;
left: 88px;
}
#main #ShopContent .kortoversigt a.suederluegum div.mapLink2 {
top: 211px;
left: 67px;
}
#main #ShopContent .kortoversigt a.harrislee div.mapLink1 {
top: 208px;
left: 132px;
}
#main #ShopContent .kortoversigt a.harrislee div.mapLink2 {
top: 221px;
left: 116px;
}
#main #ShopContent .kortoversigt a.krusaa div.mapLink1 {
top: 202px;
left: 132px;
}
#main #ShopContent .kortoversigt a.krusaa div.mapLink2 {
top: 169px;
left: 101px;
}
#main #ShopContent .kortoversigt a.kobbermoelle div.mapLink1 {
top: 202px;
left: 138px;
}
#main #ShopContent .kortoversigt a.kobbermoelle div.mapLink2 {
top: 168px;
left: 136px;
}
#main #ShopContent .kortoversigt a.wassersleben div.mapLink1 {
top: 208px;
left: 138px;
}
#main #ShopContent .kortoversigt a.wassersleben div.mapLink2 {
top: 222px;
left: 152px;
}
#main #ShopContent .kortoversigt a.heiligenhafen div.mapLink1 {
top: 280px;
left: 290px;
}
#main #ShopContent .kortoversigt a.heiligenhafen div.mapLink2 {
top: 246px;
left: 269px;
}
#main #ShopContent .kortoversigt a.burg div.mapLink1 {
top: 266px;
left: 310px;
}
#main #ShopContent .kortoversigt a.burg div.mapLink2 {
top: 232px;
left: 295px;
}
/* Butiksoversigt slut */
/* Spisestedet oversigt start */
#main #ShopContent .kortoversigt a.spisestedet-suederluegum div.mapLink1 {
top: 196px;
left: 88px;
}
#main #ShopContent .kortoversigt a.spisestedet-suederluegum div.mapLink2 {
top: 211px;
left: 67px;
}
#main #ShopContent .kortoversigt a.spisestedet-harrislee div.mapLink1 {
top: 208px;
left: 132px;
}
#main #ShopContent .kortoversigt a.spisestedet-harrislee div.mapLink2 {
top: 221px;
left: 116px;
}
#main #ShopContent .kortoversigt a.spisestedet-kobbermoelle div.mapLink1 {
top: 202px;
left: 138px;
}
#main #ShopContent .kortoversigt a.spisestedet-kobbermoelle div.mapLink2 {
top: 168px;
left: 136px;
}
#main #ShopContent .kortoversigt a.spisestedet-wassersleben div.mapLink1 {
top: 208px;
left: 138px;
}
#main #ShopContent .kortoversigt a.spisestedet-wassersleben div.mapLink2 {
top: 233px;
left: 165px;
}
/* Spisestedet oversigt slut */
#main #ShopContent .avisoversigt.ipaper {
float: left;
margin: 0 40px 0 0;
text-align: center;
padding: 0 0 20px 0;
}
#main #ShopContent .avisoversigt.ipaper.dk {
margin: 0 0 30px 0;
}
#main #ShopContent .avisoversigt.info {
clear: both;
margin: 0 0 10px 0;
font-weight:bold;
}
/* Tilbudsaviser slut */
/* Eksporterklaering start */
#main #ShopContent #eksporteklaering h3 {
font-size: 16px;
margin: 5px 0 10px 0;
}
#main #ShopContent #eksporteklaering #kundeoplysninger {
padding: 10px 0 10px 0;
}
#main #ShopContent #eksporteklaering #kundeoplysninger label {
display: inline-block;
width: 80px;
}
#main #ShopContent #eksporteklaering #kundeoplysninger input {
display: inline-block;
width: 300px;
height: 27px;
background-color: transparent;
border: none;
background-image: url(/media/181/img/checkout.png);
background-repeat: no-repeat;
background-position: 0 -540px;
text-align: left;
padding: 2px 2px 2px 8px;
margin: 0 0 10px 0;
outline: none;
}
#main #ShopContent #eksporteklaering #statsborgerskab .nationalitet {
float: left;
}
#main #ShopContent #eksporteklaering #statsborgerskab input {
display: none;
}
#main #ShopContent #eksporteklaering #statsborgerskab input + label {
display: block;
width: 50px;
height: 24px;
border: 0;
outline: none;
background-color: transparent;
background-image: url(/media/181/img/checkout.png);
background-repeat: no-repeat;
background-position: 0 -580px;
padding: 10px 0 1px 35px;
cursor: pointer;
}
#main #ShopContent #eksporteklaering #statsborgerskab input:checked + label {
background-position: 0 -620px;
}
#main #ShopContent #eksporteklaering #legitimation {
clear: both;
padding: 15px 0 0 0;
}
#main #ShopContent #eksporteklaering #legitimation .type {
float: left;
}
#main #ShopContent #eksporteklaering #legitimation input {
display: none;
}
#main #ShopContent #eksporteklaering #legitimation input + label {
display: block;
width: 50px;
height: 24px;
border: 0;
outline: none;
background-color: transparent;
background-image: url(/media/181/img/checkout.png);
background-repeat: no-repeat;
background-position: 0 -580px;
padding: 10px 0 1px 35px;
cursor: pointer;
}
#main #ShopContent #eksporteklaering #legitimation input:checked + label {
background-position: 0 -620px;
}
#main #ShopContent #eksporteklaering #legitimation #nummer {
clear: both;
padding: 10px 0 0 0;
}
#main #ShopContent #eksporteklaering #legitimation #nummer label {
display: inline-block;
width: 80px;
}
#main #ShopContent #eksporteklaering #legitimation #nummer input {
display: inline-block;
width: 300px;
height: 27px;
background-color: transparent;
border: none;
background-image: url(/media/181/img/checkout.png);
background-repeat: no-repeat;
background-position: 0 -540px;
text-align: left;
padding: 2px 2px 2px 8px;
margin: 0 0 10px 0;
outline: none;
}
#main #ShopContent #eksporteklaering #newsletter {
clear: both;
padding: 15px 0 0 0;
}
#main #ShopContent #eksporteklaering #newsletter input {
display: none;
}
#main #ShopContent #eksporteklaering #newsletter input + label {
display: block;
width: 450px;
height: 24px;
border: 0;
outline: none;
background-color: transparent;
background-image: url(/media/181/img/checkout.png);
background-repeat: no-repeat;
background-position: 0 -580px;
padding: 10px 0 1px 40px;
cursor: pointer;
}
#main #ShopContent #eksporteklaering #newsletter input:checked + label {
background-position: 0 -620px;
}
#main #ShopContent #eksporteklaering #newsletter #email {
clear: both;
padding: 10px 0 0 0;
}
#main #ShopContent #eksporteklaering #newsletter #email label {
display: inline-block;
width: 80px;
}
#main #ShopContent #eksporteklaering #newsletter #email input {
display: inline-block;
width: 300px;
height: 27px;
background-color: transparent;
border: none;
background-image: url(/media/181/img/checkout.png);
background-repeat: no-repeat;
background-position: 0 -540px;
text-align: left;
padding: 2px 2px 2px 8px;
margin: 0 0 10px 0;
outline: none;
}
#main #ShopContent #eksporteklaering #peksportbutton {
display: block;
width: 250px;
height: 22px;
color: #ffffff;
background-image: url(/media/181/img/checkout.png);
background-repeat: no-repeat;
background-position: 0 -380px;
padding: 6px 0 0 0;
text-align: center;
font-size: 17px;
font-weight: bold;
cursor: pointer;
margin: 20px 0 20px 140px;
}
/* Eksporterklaering slut */
/* Show sortiment desktop styles */
#main #showSortimentInfoBar {
margin: 10px 20px 10px 0;
}
/* Landingpage desktop styles */
.landingCMS {
padding: 15px 20px 15px 0;
}
#main .landingCMS h1 {
margin-top: 0;
font-size: 32px;
line-height: 34px;
}
.landingCMS ul {
display: flex;
justify-content: space-between;
}
.landingCMS ul > li {
padding: 0 10px 10px 10px;
}
.landingCMS ul > li:first-child {
padding: 0 10px 0 0;
}
.landingCMS ul > li:last-child {
padding: 0 0 0 10px;
}
.landingCMS ul > li img {
width: 100%;
display: block;
margin: 0 0 10px 0;
border-radius: 6px;
}
}
/* GENERELLE STYLES SLUT */
/* Tablet styles */
@media (max-width: 768px){
.dropdown {
right: 355px;
}
.right-customer-content,
.left-customer-content{
width: auto;
padding: 0;
margin: 0 0 18px 0;
float: none;
}
.customer-buttons{
padding: 12px 0;
}
}
/* 800 - 1024 START */
@media (min-width: 768px) and (max-width: 1023px) {
body {
min-width: 836px;
overflow-x: hidden;
}
#main {
width: 816px;
}
#main #topPane {
height: 90px;
}
#main ul.ProductMenuLvl1 {
width: 770px;
}
#main ul.ProductMenuLvl1 li {
float: left;
list-style-type: none;
}
#main ul.ProductMenuLvl1 li a {
font-size: 12px;
line-height: 55px;
padding: 0px 7px 0 7px;
}
#main #topMenu .breadcrumb {
width: 776px;
}
#main #bottom #bottomFrame #middle {
width: 796px;
}
#main #content #contentPane {
float: right;
width: 582px;
min-height: 666px;
}
#main #content #contentPaneCheckout {
width: 816px;
}
/* karrusel start */
#main #karrusel,
#main #karrusel .bjqs-wrapper {
width: 562px !important;
}
#main #karrusel .foto {
width: 560px;
}
#main #karrusel .foto.Aventoft {
background-image: url(/media/181/img_karrusel/Aventoft-562x303.jpg);
}
#main #karrusel .foto.Suederluegum {
background-image: url(/media/181/img_karrusel/Suederluegum-562x303.jpg);
}
#main #karrusel .foto.default,
#main #karrusel .foto.Harrislee {
background-image: url(/media/181/img_karrusel/Harrislee-562x303.jpg);
}
#main #karrusel .foto.Kobbermoelle {
background-image: url(/media/181/img_karrusel/Kobbermoelle-562x303.jpg);
}
#main #karrusel .foto.Krusaa {
background-image: url(/media/181/img_karrusel/Krusaa-562x303.jpg);
}
#main #karrusel .foto.Wassersleben {
background-image: url(/media/181/img_karrusel/Wassersleben-562x303.jpg);
}
#main #karrusel .foto.Heiligenhafen {
background-image: url(/media/181/img_karrusel/Heiligenhafen-562x303.jpg);
}
#main #karrusel .foto.Burg {
background-image: url(/media/181/img_karrusel/Burg-562x303.jpg);
}
#main #karrusel .banner {
width: 563px;
}
/* karrusel slut */
/* Forside karrusel produkt start */
#main #karrusel .produkt a.productName {
width: 530px;
font-size: 28px;
line-height: 29px;
}
#main #karrusel .produkt .productImage {
top: 65px;
left: 318px;
}
#main #karrusel .produkt .productImage img {
width: 230px !important;
height: 230px !important;
}
#main #karrusel .produkt .productSplash {
width: 77px;
height: 59px;
top: 67px;
left: 463px;
background-image: url(/media/181/img/grafik1.png?14031501);
background-repeat: no-repeat;
background-position: -122px -1550px;
}
#main #karrusel .produkt .productPriceArea {
width: 288px;
}
#main #karrusel .produkt .productPriceArea .productOnePrice {
margin: 0 0 0 0;
}
#main #karrusel .produkt .productPriceArea .familyPriceAmount {
margin: 0 0 0 0;
}
#main #karrusel .produkt .productPriceArea .productPriceEuro {
left: 253px;
}
#main #karrusel .produkt .productAddToBasket {
left: 86px;
}
/* Forside karrusel produkt slut */
/* Produktliste Header start */
#main .sortingContainer {
width: 562px;
}
#main .sortingContainer .sortingContainerMiddle {
width: 502px;
}
/* Produktliste Header slut */
#main #bottom #languageSelect {
left: 105px;
}
#main #topMenu a#FleggaardPayoff {
width: 160px;
height: 16px;
background-position: -100px -60px;
left: 105px;
top: 54px;
}
#main #topMenu #availableTime {
left: 467px;
min-width: 158px !important;
}
#main #ShopContent #filterBox {
width: 562px;
}
#main .jsonProducts.pList2 .products .product .longDesc,
#main .jsonProducts.pList2 .products .product a.productName {
width: 270px;
}
#main #ShopContent #Nyhedsbrev {
width: 562px !important;
height: 750px !important;
}
#main #ShopContent .butik {
position: static;
padding: 0 15px 0 0;
float: none;
}
#main #ShopContent .map {
position: static;
float: none;
margin: 40px 0 0 0;
}
#main #ShopContent .map img {
width: 562px !important;
}
#main #topMenu #shopselect {
width: 777px;
}
.second-tab .CVPimageBdy img{
margin-right: 27px;
}
.second-tab .CVPimageBdy img:last-of-type,
.second-tab .CVPquickInfo .CVPquickInfo_pane:last-of-type{
margin-right: 0;
}
.second-tab .CVPquickInfo .CVPquickInfo_pane{
margin-right: 47px;
}
#main #topMenu #shopselect a.map-butik.aventoft {
left: 100px;
}
#main #topMenu #shopselect a.map-butik.suederluegum{
left: 110px;
}
#main #topMenu #shopselect a.map-butik.harrislee {
left: 174px;
}
#main #topMenu #shopselect a.map-butik.kobbermoelle{
left: 200px;
}
#main #topMenu #shopselect a.map-butik.krusaa{
left: 155px;
}
#main #topMenu #shopselect a.map-butik.wassersleben {
left: 220px;
}
#main #topMenu #shopselect a.map-butik.heiligenhafen{
right: 371px;
}
#main #topMenu #shopselect a.map-butik.burg{
left: 405px;
}
#main #bottom #bottomLinks {
width: 776px;
}
#main #bottom #bottomLinks #headerBar {
position: absolute;
width: 776px;
}
#main #bottom #bottomLinks ul.InfoMenu2 {
left: 145px;
width: 670px;
}
#main #bottom #impressumLinks {
width: 776px;
}
#main #topMenu #vishuskeliste {
right: 355px;
}
#main #topMenu #skiftbutik {
width: 176px !important;
}
#main #topMenu #skiftbutik .icon {
display: none;
}
#main #topMenu #skiftbutik .butiktext {
font-size: 11px;
padding-left: 10px;
}
#main #skiftbutik .butiktext span {
display: none;
}
#main #topMenu #SearchBox {
right: 354px;
}
#main #languageSelect {
top: 9px;
left: 738px !important;
}
#main #topMenu .quick-search {
width: 333px;
}
#main #topMenu .quick-search .quick-search-input {
width: 210px;
}
.customer-info-element .customer-row.row-21 {
padding-bottom: 15px;
}
#createBanner {
padding-bottom: 45px;
}
#createBanner #alreadyCustomer {
bottom: 0;
left: 0;
width: 100%;
padding: 10px 0;
text-align: center;
}
#createBanner #alreadyCustomer .text {
display: inline;
padding: 0 7px 0 0;
font-size: 15px;
}
#createBanner #alreadyCustomer .clickhere {
display: inline;
padding: 0;
font-size: 15px;
}
#topBar .InfoMenu1 li {
padding: 0 5px;
}
#topBar > a {
padding: 0 5px;
}
#topBar .InfoMenu1 li:nth-child(1) {
display: none;
}
#topBar .InfoMenu1 li a.dcjq-parent:before {
content: none !important;
}
}
/* 800 - 1024 SLUT */
/* 1024x - 1200 START */
@media (min-width: 1024px) and (max-width: 1210px) {
#main {
width: 1008px;
}
#main #topPane {
height: 95px;
}
#main ul.ProductMenuLvl1 {
width: 962px;
height: 55px;
}
#main .fixed-top ul.ProductMenuLvl1 {
width: 530px;
}
#main ul.ProductMenuLvl1 li {
float: left;
list-style-type: none;
}
#main ul.ProductMenuLvl1 li a {
font-size: 13px;
line-height: 55px;
padding: 0px 12px 0 13px;
}
#main #topMenuDiv.fixed-top {
width: 1008px;
}
#main #topMenu .breadcrumb {
width: 968px;
}
#main #bottom #bottomFrame #middle {
width: 988px;
}
#main #content #contentPane {
float: right;
width: 774px;
min-height: 666px;
/* background-color: transparent; */
}
#main #content #contentPaneCheckout {
width: 1008px;
}
#main #bottom #bottomLinks #headerBar {
width: 968px;
}
#main #bottom #bottomLinks ul.InfoMenu2 {
left: 204px;
width: 794px;
}
@-viewport {
width: 1024px;
}
/* #FleggaardPayoff{
display: none;
} */
/* Produktliste Header start */
#main .sortingContainer {
width: 754px;
}
#main .sortingContainer .sortingContainerMiddle {
width: 694px;
}
/* Produktliste Header slut */
#main #ShopContent #filterBox {
width: 754px;
}
#main .jsonProducts.pList2 .products .product .longDesc,
#main .jsonProducts.pList2 .products .product a.productName {
width: 415px;
}
#main #ShopContent #Nyhedsbrev {
width: 750px !important;
height: 1000px !important;
}
/* karrusel start */
#main #karrusel,
#main #karrusel .bjqs-wrapper {
width: 754px !important;
}
#main #karrusel .foto {
width: 752px;
}
#main #karrusel .foto.Aventoft {
background-image: url(/media/181/img_karrusel/Aventoft-754x303.jpg);
}
#main #karrusel .foto.Suederluegum {
background-image: url(/media/181/img_karrusel/Suederluegum-754x303.jpg);
}
#main #karrusel .foto.default,
#main #karrusel .foto.Harrislee {
background-image: url(/media/181/img_karrusel/Harrislee-754x303.jpg);
}
#main #karrusel .foto.Kobbermoelle {
background-image: url(/media/181/img_karrusel/Kobbermoelle-754x303.jpg);
}
#main #karrusel .foto.Krusaa {
background-image: url(/media/181/img_karrusel/Krusaa-754x303.jpg);
}
#main #karrusel .foto.Wassersleben {
background-image: url(/media/181/img_karrusel/Wassersleben-754x303.jpg);
}
#main #karrusel .foto.Heiligenhafen {
background-image: url(/media/181/img_karrusel/Heiligenhafen-754x303.jpg);
}
#main #karrusel .foto.Burg {
background-image: url(/media/181/img_karrusel/Burg-754x303.jpg);
}
#main #karrusel .banner {
width: 755px;
/* display: none; */
}
/* karrusel slut */
/* Forside karrusel produkt start */
#main #karrusel .produkt a.productName {
width: 340px;
}
#main #karrusel .produkt .productImage {
left: 358px;
}
#main #karrusel .produkt .productSplash {
left: 620px;
}
#main #karrusel .produkt .productPriceArea {
width: 328px;
}
#main #karrusel .produkt .productPriceArea .productOnePrice {
margin: 0 0 0 20px;
}
#main #karrusel .produkt .productPriceArea .familyPriceAmount {
margin: 0 0 0 20px;
}
#main #karrusel .produkt .productPriceArea .productPriceEuro {
left: 293px;
}
#main #karrusel .produkt .productAddToBasket {
left: 121px;
}
/* Forside karrusel produkt slut */
#main #ShopContent .map {
width: 390px;
}
#main #ShopContent .map img {
width: 390px !important;
}
#main #bottom #bottomLinks {
width: 968px;
}
#main #bottom #impressumLinks {
width: 968px;
}
#topBar .InfoMenu1 li { padding: 0 15px; }
#topBar > a {padding: 0 12px; }
#topBar > a:before {font-size: 17px;}
#main #topMenu #availableTime {
left: 637px;
}
.customer-info-element .customer-row.row-21 {
padding-bottom: 15px;
}
#createBanner #alreadyCustomer {
bottom: -55px;
right: 0;
}
#createBanner #alreadyCustomer .text {
padding: 5px 15px 2px 15px;
font-size: 15px;
}
#createBanner #alreadyCustomer .clickhere {
padding: 3px 5px 4px 5px;;
font-size: 12px;
}
}
/* 1024x - 1200 SLUT */
@media (min-width: 1210px) {
#main {
width: 1200px;
background-image: url(/media/181/img/bg_banner_bottom_bg.png);
background-repeat: repeat;
}
#main #topMenuDiv.fixed-top { width: 1200px; }
#main #topPane { height: 95px; }
#main .fixed-top ul.ProductMenuLvl1{ width: 720px; }
#topBar .InfoMenu1 li { padding: 0 15px; }
#topBar > a {padding: 0 15px; }
#topBar > a:before {font-size: 17px;}
/*#topBar > a#tilbudsaviser { float:right; }*/
#productDetail #productImages > img.splashImg2 { width: 90px; position: absolute; }
#productDetail #productImages > img.splashImg-TopRight { top: 10px; right: 20px; }
#productDetail #productImages > img.splashImg-TopLeft { top: 10px; left: 20px; }
#productDetail #productImages > img.splashImg-BottomRight { top: 250px; right: 30px; }
#productDetail #productImages > img.splashImg-BottomLeft { top: 250px; left: 10px; }
#banner .owl-wrapper-outer, #banner .owl-item div{
height: 100%;
width: 100%;
}
#banner .owl-wrapper, #banner .owl-item{
height: 100%;
}
#banner .owl-item div{
background-position: center top;
background-repeat: no-repeat;
display: block;
}
/* Tilbudsaviser start */
.ipaper #main {
width: 100% !important;
}
.ipaper #banner {
display: none;
}
.ipaper #main #FleggardTop,
.ipaper #main #topMenu,
.ipaper #main #bottom {
width: 1200px;
margin: 0 auto;
}
.ipaper #main #languageSelect {
left: 50%;
margin-left: -472px;
}
.ipaper #main #iPaperIFrame {
height: 1100px !important;
}
}
#cookiePopup {
background-color: #43443f;
top: 0;
color: white;
min-height: 20px;
left: 0;
padding-top: 7px;
position: relative;
width: 100%;
z-index: 1000;
display: none;
}
#cookiePopup #cookiePopupOkButton{
background-color: rgb(131, 0, 37);
margin-left: 25px;
padding: 3px 10px;
width: 34px;
cursor: pointer;
}
/* Cookieinformation banner start */
body #coiConsentBanner * {
font-family: inherit !important;
}
body #coiConsentBanner {
position: inherit;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.60);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.460);
}
#coiConsentBannerBottom {
position: absolute;
border-top: none !important;
width: 100%;
z-index: 10000;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.60);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.460);
}
/* Cookieinformation banner end */
@media (max-width: 767px){
#main #topMenu #shopselect #shopselectCMS h3 {
font-size:20px;
line-height:22px;
margin: 15px 0 15px 0;
}
#main #topMenu #availableTime {
height: 40px;
top: 38px;
}
}
.alert__no-cookies,
.alert__no-javascript{
color: #856404;
background-color: #fff3cd;
padding: 8px;
border: 1px solid #ffeeba;
border-radius: .25rem;
text-align: center;
box-sizing: border-box;
width:100%;
float:left;
}
/* FAQ start */
#faqHeader {
background-color: #cacbce;
border-radius: 5px;
margin: 15px 20px 0 0;
text-align: center;
padding: 10px 0 10px 0;
font-size: 16px;
line-height: 16px;
font-weight: bold;
}
#faqMenu {
padding: 15px 20px 0 0;
}
#faqMenu ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
list-style: none;
padding: 0;
}
#faqMenu ul li {
border: 1px solid #ba0b3a;
border-radius: 4px;
box-sizing: border-box;
color: #ba0b3a;
display: flex;
flex: 1 0 340px;
flex-direction: column;
justify-content: center;
margin: 0 0 30px;
max-width: 100%;
text-align: center;
font-size: 16px;
}
#faqMenu ul li:hover, #faqMenu ul li:focus, #faqMenu ul li:active, #faqMenu ul li.active {
background-color: #ba0b3a;
}
#faqMenu ul li:hover *, #faqMenu ul li:focus *, #faqMenu ul li:active *, #faqMenu ul li.active * {
color: #ffffff;
text-decoration: none;
}
#faqMenu ul li a {
color: #ba0b3a;
padding: 15px 20px;
}
#faqMenu ul li a:hover, #faqMenu ul li a:focus, #faqMenu ul li a:active {
text-decoration: none;
}
.faqContent {
position: relative;
}
.faqContent .question {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
font-size: 15px;
line-height: 18px;
color: #000000;
border-bottom: solid 1px #ccc;
cursor: pointer;
display: block;
}
.faqContent .question:hover {
color: #ba0b3a;
}
.faqContent .answer {
font-size: 15px;
line-height: 18px;
border: solid 1px #91969c;
border-radius: 10px;
display: block;
padding: 14px;
}
.faqContent .answer a {
color: #ba0b3a;
}
#main .toldreglerMain h3 {
font-size: 18px;
line-height: 20px;
padding: 10px;
background-color: #666;
color: #ffffff;
margin: 20px 0 10px 0;
clear: both;
border-radius: 8px;
}
#main .toldreglerMain .header {
font-weight: bold;
}
#main .toldregler {
padding: 4px 0 4px 0;
border-bottom: solid 1px #cccccc;
clear: both;
}
#main .toldregler .c1 {
width: 70%;
display: inline-block;
}
#main .toldregler .c2 {
width: 30%;
text-align: right;
padding: 4px 0 4px 0;
display: inline-block;
}
.login-item.login-customer,
.login-item.login-forgotPassword {
display: none;
}
.login-item.login-customer.active,
.login-item.login-forgotPassword.active {
display: block;
}
@media (min-width: 768px) {
#faqMenu ul {
margin: 0 0 0 -15px;
}
#faqMenu ul li {
margin: 0 0 20px 20px;
}
.faqContent .question {
width: 230px;
}
.faqContent .question.active {
color: #ba0b3a;
}
.faqContent .answer {
position: absolute;
top: 0;
left: 250px;
display: none;
}
.faqContent .answer.active {
display: block;
}
}
/* FAQ end */
/* Quick Search: Menus */
#main .quick-search-list .product.menu {
height:48px;
}
#main .quick-search-list .product.menu .menu__name,
#main .quick-search-list .product.menu .menu__link{
box-sizing: border-box;
color:#434244;
display:inline-block;
padding:0 20px;
line-height:48px;
width:50%;
}
#main .quick-search-list .product.menu .menu__name{
color:#434244;
font-size:15px;
font-weight:bold;
}
#main .quick-search-list .product.menu .menu__link{
opacity:0.5;
text-align:right;
}
@media (min-width: 768px){
/* Beer Type styles */
#main #ShopContent #filterBox.beerFilter li {
display: -moz-inline-stack !important;
display: inline-block !important;
margin-bottom: 15px;
}
#main #ShopContent #filterBox.beerFilter li label {
background-image: unset;
padding: 0;
display: block;
width: 180px;
border: 2px solid #43443f;
margin: 0 13px 20px 0;
overflow: hidden;
border-radius: 8px;
text-align: center;
background-color: #43443f;
color: #ffffff;
text-decoration: none;
background-repeat: no-repeat;
background-size: 176px 135px;
padding-top: 149px;
box-sizing: border-box;
background-position: unset;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
}
#main #ShopContent #filterBox.beerFilter li label:hover {
background-color: #000000;
border: 2px solid #000000;
}
.ec90listec90list.owl-carousel.owl-theme {
display: block;
}
.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-item{
}
.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-nav {
height: 175px;
width: 100%;
}
.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-nav span{
font-size: 100px;
}
.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-nav button{
outline: none;
}
.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-nav .owl-next,.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-nav .owl-prev {
height: 175px;
border-radius: 8px;
position: absolute;
top: 2px;
color: #ffffff;
text-shadow: 3px 1px 7px #000;
padding: 0 5px!important;
}
.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-nav .owl-next.disabled,
.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-nav .owl-prev.disabled {
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}
.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-nav .owl-prev {
background-image: linear-gradient(to right, rgba(110,110,110,0.5), rgba(255,255,255,0));
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-nav .owl-prev:hover {
background-image: linear-gradient(to right, rgba(110,110,110,0.8), rgba(255,255,255,0));
}
.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-nav .owl-next {
right: 0px;
background-image: linear-gradient(to left, rgba(110,110,110,0.5), rgba(255,255,255,0));
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.ec90FilterBodyec90FilterBody .owl-carousel.owl-theme .owl-nav .owl-next:hover {
background-image: linear-gradient(to left, rgba(110,110,110,0.8), rgba(255,255,255,0));
}
#filterBox.beerFilter .ec90FilterHeadec90FilterHead {
background-color: #43443f;
color: #ffffff;
border-radius: 8px;
height: 23px;
padding: 5px 5px 5px 10px;
margin-bottom: 5px;
}
#main #ShopContent #filterBox.beerFilter ul li label {
background-image: url("/media/181/img_filter/default.jpg?1");
}
#main #ShopContent #filterBox.beerFilter ul li.filter-carlsberg label {
background-image: url("/media/181/img_filter/carlsberg.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-tuborg label {
background-image: url("/media/181/img_filter/tuborg.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-1795\+original label {
background-image: url("/media/181/img_filter/1795.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-albani label {
background-image: url("/media/181/img_filter/albani.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-beck\%c2\%b4s label {
background-image: url("/media/181/img_filter/becks.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-brewmasters label {
background-image: url("/media/181/img_filter/tuborg.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-brooklyn label {
background-image: url("/media/181/img_filter/brooklyn.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-budweiser label {
background-image: url("/media/181/img_filter/budweiser.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-corona label {
background-image: url("/media/181/img_filter/tuborg.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-royal\+unibrew label {
background-image: url("/media/181/img_filter/royal.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-alkoholfri label {
background-image: url("/media/181/img_filter/alkoholfri.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-hvede\%c3\%b8l label {
background-image: url("/media/181/img_filter/hvede.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-ipa label {
background-image: url("/media/181/img_filter/ipa.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-lyse\+special\%c3\%b8l label {
background-image: url("/media/181/img_filter/lys-special.jpg?1")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-pilsner-lager label {
background-image: url("/media/181/img_filter/pilsner-lager.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-special\+\%c3\%b8l label {
background-image: url("/media/181/img_filter/special.jpg")
}
#main #ShopContent #filterBox.beerFilter ul li.filter-stout label {
background-image: url("/media/181/img_filter/stout.jpg")
}
#main #ShopContent #filterBox.beerFilter div.ec90FilterBodyec90FilterBody {
width: 100%;
padding: 0;
float: left;
position: relative;
}
#main #ShopContent #filterBox.beerFilter ul li {
height: 175px;
}
#main #content #ShopContent #filterBox.beerFilter {
height: unset;
overflow: hidden;
border: none;
background-color: unset;
width: 945px;
}
#main #content #ShopContent #filterBox.beerFilter ul span.flerevalg {
display: none;
}#main #content #ShopContent #filterBox.beerFilter ul {
height: 180px;
margin-bottom: 7px;
}
#main #content #ShopContent #filterBox.beerFilter #filterInfo {
position: inherit;
border:none;
top: inherit;
width: 100%;
float: inherit;
left: inherit;
}
#main #content #ShopContent #filterBox.beerFilter #filterInfo div#nulstilalleDiv a.nulstilalle {
background-image: unset;
background-color: #b5002d;
color: #ffffff;
border-radius: 8px;
float: right;
}
#main #content #ShopContent #filterBox.beerFilter #filterInfo .ingenvalgt {
float: right;
}
#main .sortingContainer {
clear: both;
}
#main #content #ShopContent #filterBox.beerFilter input:checked + label {
background-position: unset;
border: 2px solid #000;
background-color: #000;
}
#main #content #ShopContent #filterBox.beerFilter input:checked + label span::before {
content: "\f00c";
color: #00a600;
position: absolute;
top: 10px;
right: 12px;
font-family: 'FontAwesome';
font-size: 24px;
line-height: 24px;
}
#main #content #ShopContent #filterBox.beerFilter div[data-filtername="ØLTYPE"] input:checked + label span::before {
color: #ffffff;
}
}
@media (max-width: 1209px){
#main #content #ShopContent #filterBox.beerFilter {
width: 754px;
}
}
@media (max-width: 1023px){
#main #content #ShopContent #filterBox.beerFilter {
width: 562px;
}
}