
/* MISC */
#goTop { position:fixed; z-index:9999; top:10px; right:10px; width:71px; height:26px; background: url('/gfx/layout/layout.png') no-repeat -824px 0px; cursor:pointer; display:none; }
#scroller2 { width: 100%; height: 200px; overflow: hidden; position: absolute; }
#scroller { left:10px; right:10px; height: 40px; overflow: hidden; position: absolute; }
.scroller-faderight { width: 30px; height: 40px; position: absolute; left: 10px; z-index: 1; background-image: linear-gradient(left , rgba(255, 255, 255, 0.0) 70%, rgb(255,255,255) 0%); background-image: -o-linear-gradient(left , rgba(255, 255, 255, 0.0) 70%, rgb(255,255,255) 0%); background-image: -moz-linear-gradient(left , rgba(255, 255, 255, 0.0) 70%, rgb(255,255,255) 0%); background-image: -webkit-linear-gradient(left , rgba(255, 255, 255, 0.0) 70%, rgb(255,255,255) 0%); background-image: -ms-linear-gradient(left , rgba(255, 255, 255, 0.0); 70%, rgb(255,255,255) 0%); background-image: -webkit-gradient( 	linear, 	left top, 	right top, 	color-stop(0.70, rgba(255, 255, 255, 0.0)), 	color-stop(0, rgb(255,255,255)) ); }
.scroller-fadeleft { width: 30px; height: 40px; position: absolute; right: 10px; z-index: 1; background-image: linear-gradient(right , rgba(255, 255, 255, 0.0) 70%, rgb(255,255,255) 0%); background-image: -o-linear-gradient(right , rgba(255, 255, 255, 0.0) 70%, rgb(255,255,255) 0%); background-image: -moz-linear-gradient(right , rgba(255, 255, 255, 0.0) 70%, rgb(255,255,255) 0%); background-image: -webkit-linear-gradient(right , rgba(255, 255, 255, 0.0) 70%, rgb(255,255,255) 0%); background-image: -ms-linear-gradient(right , rgba(255, 255, 255, 0.0); 70%, rgb(255,255,255) 0%); background-image: -webkit-gradient( 	linear, 	right top, 	left top, 	color-stop(0.70, rgba(255, 255, 255, 0.0)), 	color-stop(0, rgb(255,255,255)) ); }
.NoticeBottom { text-align:center; margin-bottom:10px; }
.ResponsiveImage { max-width:100%  }
a { color: #074ead; }
img { border:0px; }

/* IphoneFix */
input[type=text], input[type=submit] { -webkit-appearance: none; border-radius: 0;}

/* fb responsive fix*/


/*DEFAULT LAYOUT - HEADER - CONTENT - BOTTOM*/
html, body { width: 100%; height: 100%; margin: 0pt; }
body { font-family: arial; font-size: 13px; }
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-text-size-adjust: 100%; }
#aspnetForm { height: 100%; width: 100%; }
.Frame { display: table; table-layout:fixed; width: 100%; }
html >/**/ body .Frame { height: 100%; }
.Row { display: table-row; height: 1px;}
html > body .Row.Expand { height: auto; overflow-y:hidden; }

/*Controlled by viewport width*/
.Container { height: 100%; width:100%; box-sizing:border-box; max-width: 1150px; padding: 0px 10px 0px 10px; margin: auto; position: relative; }

/*cookies*/
#cookiescript_link, #cookiescript_reportdate { display: none }

/*Basket added*/
#basketAddedContainer { display: none; }
#basketAddedContainer #basketAddedBox { display: table; table-layout:fixed; position: fixed; z-index: 99999; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; vertical-align: middle;  }
#basketAddedContainer #basketAddedBox #basketInnerWrapper { display:table-cell; vertical-align:middle; }
#basketAddedContainer .dimm { z-index: 1; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color: rgba(0,0,0,0.5); }
#basketAddedContainer #boxContent { width:97%; max-width:600px; display:inline-block; background-color:#fff; box-shadow:rgba(0,0,0,0.5) 0px 0px 10px; position:relative; z-index: 2; padding-bottom:15px; padding-top:10px; }
#basketAddedContainer #boxContent .headline { font-size: 19px; }
#basketAddedContainer #boxContent .basketIcon { width:27px; height:24px; display:inline-block; vertical-align:0px; margin-right:10px; background: url('/gfx/layout/layout.png') no-repeat -860px -56px; }
#basketAddedContainer #boxContent .button { display:inline-block; font-size:15px; height:25px; line-height:25px; font-weight:bold; color:#fff; padding-left:10px; padding-right:10px; margin-top:10px; cursor:pointer;  }
#basketAddedContainer #boxContent .button.basketButton {border: 1px solid #77bd08; background: #70b92d url('/gfx/layout/gradients.png') repeat-x 0px -239px; }
#basketAddedContainer #boxContent .button.continueButton {border:1px solid #de650d; background: #ff862e url('/gfx/layout/gradients.png') repeat-x 0px -360px; }
#basketAddedContainer #boxContent #OBPlaceholder { font-size: 11px; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
#basketAddedContainer #boxContent #OBPlaceholder a img { max-width:100px; max-height:100px; }
#basketAddedContainer #boxContent .OthersBourghtContainer .headline { font-size: 15px; font-weight: bold; }
#basketAddedContainer #boxContent .OthersBourghtContainer { height:233px; display: block; position: relative; z-index:10; }
#basketAddedContainer .basketSimpleAddedBox { display: none; width: 200px; height: 55px; line-height:55px; font-size:19px; background-color: #FFFFFF; position: absolute; z-index:9999999; bottom: 30px; left:50%; margin-left:-115px; border: 15px solid rgba(0,0,0,0.5); text-align: center;  }

.date_picker { display: inline-block; position: relative; margin-right: 28px; }
.date_picker input[type=text] { position: relative; width: 90px; z-index: 2; height: 22px; box-sizing: border-box; border: 1px solid #767676; border-right: 0px; }
.date_picker input[type=date] { position: absolute; width: 80px; right: -25px; top: 0px; height: 22px; box-sizing: border-box; }


/*Inputs*/
.blueInput { position: relative; height: 34px; background: url('/gfx/layout/gradients.png') repeat-x 0px -171px; }
.blueInput .button { position: absolute; z-index:2; right: 0px; width: 68px; height: 32px; border: 1px solid #2d809c; background: #4cc0e7 url('/gfx/layout/gradients.png') repeat-x 0px -206px; color: #FFF; }
.blueInput .button a { display: block; line-height: 32px; font-weight: bold; font-size: 14px; text-decoration: none; color: #FFF; height: 100%; width: 100%; position: relative; text-align: center; vertical-align: middle; }
.blueInput .button a:hover { background-color: #4cc0e7; }
.blueInput .inputicon { position: absolute; left: 0px; width: 27px; height: 32px; border: 1px solid #6f6f6f; border-right-width: 0px; background: url('/gfx/layout/layout.png') no-repeat -206px -48px; }
.blueInput .input { position: absolute; z-index:1; left: 27px; right: 68px; height: 32px; border: 1px solid #6f6f6f; border-right-width: 0px; border-left-width: 0px; overflow:hidden; }
.blueInput .input input { height: 100%; width: 100%; background-color: transparent; border: 0px; outline: 0px; }
.blueInput .focus { position:absolute; left:0px; top:0px; width:100%; height:100%; box-shadow: #459de0 0px 0px 4px; z-index:0; display:none; }

/*LAYOUT*/
.Clear { clear: both; }
.NoSelect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
h1 { font-family: Arial; font-size: 22px; }
.Content {  }

/*TOP*/
.Top { height: 85px; border-bottom: 1px solid #c8d1d2; background: #FFF url('/gfx/layout/gradients.png') repeat-x center -274px;  overflow:visible; }
.Top .logo { height: 85px; width: 165px; position: absolute; left: 10px; }
.Top .logo img { border-width:0px; }
.Top .logo a { text-decoration: none; display: block; height: 100%; }
.Top .basket { height: 59px; width: 186px; position: absolute; right: 10px; bottom: 10px; }
.Top .basket .text { border: 1px solid #77bd08; border-bottom-width: 0px; background-color: #FFFFFF; color: #A1A1A1; height: 24px; line-height: 25px; text-align: center; }
.Top .basket .text .highlight { color: #000; font-weight: bold; }
.Top .basket .text .noitems { color:#899799;  }

.Top .basket .button { border: 1px solid #77bd08; height: 32px; background: #70b92d url('/gfx/layout/gradients.png') repeat-x 0px -239px; }
.Top .basket .button a { line-height: 34px; font-weight: bold; font-size: 15px; text-decoration: none; color: #FFF; display: block; height: 100%; position: relative; padding-left: 16px; }
.Top .basket .button a:hover { background-color: #9ddb3e; }
.Top .basket .button a .icon { position: absolute; right: 5px; bottom: 0px; height: 34px; width: 37px; background: url('/gfx/layout/layout.png') no-repeat -756px -60px; }
.Top .basket .button a .basketamount { display:none; position:absolute; bottom:-4px; right:-3px; border-radius:10px; background-color:#f6f6f6; font-weight:bold; z-index:5; height:16px; width:16px; text-align:center; font-size:11px; line-height:16px; color:#1e1e1e; border:1px solid #77bd08;  }
.Top .center { height: 100%; position: absolute; left: 175px; right: 215px; overflow:visible; }

.Top .center .country { position: absolute; bottom: 10px; left: 20px; width: 124px; height: 34px; border: 1px solid #ccc; box-sizing:border-box; cursor:pointer; background-color:#f5f5f5; }
.Top .center .country .currency { top:6px; left:51px; font-weight:bold; text-transform:uppercase; position:absolute; line-height:22px; font-size:12px; }
.Top .center .country .arrow { width: 17px; height:8px; position:absolute; top:13px; right:16px; background: url('/gfx/layout/layout.png') no-repeat -917px -45px;  }
.Top .center .country .flag { width: 28px; height:21px; position:absolute; top:6px; left:16px; }
.Top .center .country .flag.DK { background: url('/gfx/layout/layout.png') no-repeat -929px -22px; }
.Top .center .country .flag.SE { background: url('/gfx/layout/layout.png') no-repeat -959px -22px; }
.Top .center .country .picker { display: none;  position: absolute;    width: 100%;    height: 68px;    background-color: rgb(229, 229, 229);    top: 34px;    z-index: 9999999999; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2)}
.Top .center .country .picker .item { width:100%; height:34px; position:relative; }
.Top .center .country .picker .item:hover {background-color:#efefef }



.Top .center .searchbox {      position: absolute;        bottom: 10px;        left: 154px;     right: 20px;    }
.Top .center .searchbox .resultArea {position:absolute; display:none; box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 10px 0px; padding: 10px; z-index: 10000; top:34px; left:0px; width:100%; min-width:366px; box-sizing:border-box; background-color: white; }
.Top .center .searchbox .resultArea .Product { border-bottom-width: 1px; border-bottom-color: lightgray; border-bottom-style:solid; height:55px; padding-top:5px; font-size:13px; line-height:17px; cursor:pointer; padding-right:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.Top .center .searchbox .resultArea .Product .CatagoryText { color: gray; font-size:11px; }
.Top .center .searchbox .resultArea .Product .bottomContainer { width:100%; position:relative; }
.Top .center .searchbox .resultArea .Product .bottomContainer .deliveryTime { color: gray; font-size:11px; font-weight:bold; position:absolute; left:70px; }
.Top .center .searchbox .resultArea .Product .bottomContainer .price { color: gray; font-size:12px; font-weight:bold; position:absolute; right:0px; text-align:right; padding-right:0px; }
.Top .center .searchbox .resultArea .HoverProduct { background-color:#f5f5f5; }

.Top .center .searchbox .resultArea .ProductGroup { background-color: #f6ffc1 }
.Top .center .searchbox .resultArea .ProductGroup.HoverProduct { background-color: #f2ffa6; }


.Top .center .searchbox .resultArea .Image { width: 70px; height: 50px; float: left; text-align: center; }
.Top .center .searchbox .resultArea .Image img { border:0px; max-width:50px; max-height:50px}
.Top .center .searchbox .resultArea .ShowMore { text-align:center; padding-top:15px; padding-bottom:5px; }
.Top .center .searchbox .resultArea .ShowMore a { text-decoration:none; background-color:#ededed; border-radius:4px; border:1px solid #ddd; color:gray; text-decoration:none; text-transform:uppercase; font-size:10px; font-weight:bold; padding: 4px 10px 4px 10px; font-family:Tahoma; }
.Top .center .searchbox .resultArea .ShowMore a:hover { color:#222222; background-color:#ddd; }

.Top .center .contact { position: absolute; bottom: 9px; right: 10px; width: 126px; height: 35px; background: url('/gfx/layout/layout.png') repeat-x -236px -48px; }
.Top .center .slogan { width: 617px; height: 22px; position: absolute; top: 12px; left: 50%; margin-left: -309px; background: url('/gfx/layout/layout.png') no-repeat -206px 0px; }
.Top .menubutton { display: none; }
.Top .searchbutton { display: none; }

.Top .center .searchbox { left:25px; } /*DELETETHIS*/
.Top .center .country { display:none !important;  } /*DELETETHIS*/
@media all and (max-width: 985px) {
    .Top .center .slogan { width: 506px; margin-left: -270px; background-position-y: -24px; }
}


@media all and (max-width: 875px) {
    .Top { height: 46px; background: #777 url('/gfx/layout/gradients.png') repeat-x center -1px; }
    .Top .slogan { display: none; }
    .Top .logo { background: url('/gfx/layout/layout.png') no-repeat -39px -55px !important; width: 156px; height: 30px; top: 9px; left: 6px; }
    .Top .logo img { display:none; }
    .Top .center .country {  left:initial; right:-73px !important; width:99px; bottom: 6px;}
    .Top .center .country .flag { left:6px;  }
    .Top .center .country .currency { left:41px; }
    .Top .center .country .arrow { right:6px; }
    .Top .center .searchbox { left: -3px; right: 30px; bottom: 6px; }
    .Top .center .searchbox.blueInput .button { border-color:#39a5d7; }
    .Top .center .searchbox.blueInput .inputicon, .Top .center .searchbox.blueInput .input { border-color:#9babb7;  }
    .blueInput .focus { box-shadow: none; }

    .Top .center .contact { display: none; }
    .Top .basket { height: 34px; width: 37px; bottom: 6px; right: 101px; }
    
    .Top .basket .text { display: none; }
    .Top .basket .button { width: 38px; height: 32px; }
    .Top .basket .button a { color: transparent; font-size: 0px; }
    .Top .basket .button a .icon { right: 0px; }
    .Top .basket .button a .basketamount { display:block; }
    .Top .menubutton { display: block; overflow: hidden; height: 32px; width: 88px;  text-align: center; position: absolute; right: 4px; bottom: 6px; border:1px solid #de650d; background: #ff862e url('/gfx/layout/gradients.png') repeat-x 0px -360px; }
    .Top .menubutton a { line-height: 32px; font-weight: bold; font-size: 15px; text-decoration: none; color: #FFF; display: block; height: 100%; position: relative; text-align: center; }
    .Top .menubutton a:hover { background-color: #ff862e; }

    .Top .center .searchbox { right: -73px; } /*DELETETHIS*/
}

@media all and (max-width: 630px) {
    .Top .center { right: 77px; left: 0px; top:43px; height:35px; }
    .Top .center .searchbox { left: 107px; right:-73px; bottom: 4px; top:0px; }

    .Top .center .country {  bottom: 1px; right:initial; left:4px; }


    .Top .logo { top:7px; }
    .Top { height: 78px; border-color:#474f4f; border-bottom-width:3px; }
    .Top .basket { bottom: auto; top: 5px; }
    .Top .menubutton { bottom: auto; top: 5px; }
    .Top .center .searchbox .resultArea { min-width:100%; }
    .Top .center .searchbox .resultArea .Image { width:50px; }
    .Top .center .searchbox .resultArea .Image img { max-width:40px; }
    .Top .center .searchbox .resultArea .Product .bottomContainer .deliveryTime {left:50px}


    .Top .center .searchbox { left: 4px;  } /*DELETETHIS*/

    /*.Top .searchbutton { display: block; height: 32px; border: 1px solid #41b7de; width: 36px; text-align: center; border-radius: 4px; position: absolute; right: 148px; bottom: 7px; background: #59cbf1 url('/gfx/layout/gradients.png') repeat-x 0px -206px; }
            .Top .searchbutton a { text-decoration: none; display: block; height: 100%; position: relative; }
            .Top .searchbutton a:hover { background-color: #59cbf1; }
            .Top .searchbutton a .icon { position: absolute; left: 0px; top: 0px; background: url('/gfx/layout/layout.png') no-repeat -756px -24px; width: 100%; height: 100%; }*/
}

@media all and (max-width: 319px) {
    .Top .logo { background: url('/gfx/layout/layout.png') no-repeat -39px -87px !important; width: 120px; height: 23px; top: 12px; left: 6px; }
}

/*@media all and (max-width: 330px) {
    .Top { height: 80px; }
    .Top .basket { right: 97px; }
    .Top .menubutton { width: 84px; }
}*/

/*MENU*/

.MenuBar { width: 100%; height: 100%; margin: 0; padding: 0; font-size: 16px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; text-align: center; }
.MenuBar li { list-style-type: none; display: table-cell; vertical-align: middle; position:relative; }
.MenuBar li a { display: block; color: white; text-decoration: none; height: 47px; line-height: 47px; width: 100%; position:relative; z-index:2 }
.MenuBar .special { position: relative; line-height: 32px; font: Arial 15px; }
.MenuBar li a .info { position: absolute; height: 17px; line-height: 16px; bottom: 5px; margin: auto; font-family: Calibri, Arial; border-radius: 2px; }
.MenuBar li a .blue { background-color: #00aeef; width: 176px; left: 50%; margin-left: -88px; }
.MenuBar li a .orange { background-color: #ff862e; width: 84px; left: 50%; margin-left: -42px; }
.MenuBar li a .arrow { color: white; font-size: 9px; padding-left: 2px; vertical-align: 3%; }
.MenuBar .home { width: 1%; min-width: 32px; position:relative;  }
.MenuBar .home .icon { width:32px; height:47px; background: url('/gfx/layout/layout.png') no-repeat 0px 0px; }
.MenuBar .home .icon:hover { background-position-y: -49px; }
.MenuBar .home .CloseMainMenu { width:34px; height:44px; background: url('/gfx/layout/layout.png') no-repeat -39px 0px; position:absolute; right:0px; top:0px; cursor:pointer; display:none; }
.MenuBar .home .CloseMainMenu:hover { background-position: -75px 0px; }
.MenuBar .vvs { width: 13.64%; min-width: 95px; }
.MenuBar .household { width: 14.54%; min-width: 105px; }
.MenuBar .hobbies { width: 14.15%; min-width: 109px; }
.MenuBar .computer { width: 15.38%; min-width: 118px; }
.MenuBar .hifi { width: 14.62%; min-width: 83px; }
.MenuBar .spareparts { width: 22.17%; min-width: 186px; }
.MenuBar .outlet { width: 4.59%; min-width: 87px; }


.mm-container {display:none}
/*@media all and (min-width: 876px) {*/
    .Menu { height: 47px; border-top: 1px solid #d7e0dd; border-bottom: 1px solid #d6d6d6; background: #777 url('/gfx/layout/gradients.png') repeat-x center -1px; display:block; }
    .MenuBar { display: table !important; }
    .MenuBar li:hover { background-color: #434b4b; }

    .MenuBar .dd.hover { position:absolute; z-index:9999; top:0px; left:0px; right:0px; bottom:0px; }
    .MenuBar .dd.hover a { color:#000; }
    .MenuBar .dd.hover a .arrow { color:#000; font-weight:bold; }
    .MenuBar .dd.hover .hover { position:absolute; left:0px; width:100%; height:43px; top:4px; background: #fff url('/gfx/layout/gradients.png') repeat-x center -646px; -webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px; }

    .mm-container { position: absolute; border: 5px solid #363d3d; border-top-width: 0px; left: 10px; right: 10px; top: 47px; background-color: #fff; z-index: 9998; padding-left: 4%; padding-bottom: 25px; box-shadow: rgba(0,0,0,0.5) 0px 0px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
    .mm-container .mm-table { display: table; width: 94%; }
    .mm-container .mm-table .mm-row { display: table-cell; width: 27%; }
    .mm-container .mm-table .row4 { width: 19%; }
    .mm-container a { color: #000; text-decoration: inherit; line-height:15px; font-size:12px; }
    .mm-container a .arrow { font-size: 10px; vertical-align: 2px; color:#d0d0d0;  }
    .mm-container a:hover { color: #a80d0d; }
    .mm-container a:hover .arrow { color:#a80d0d;  }
    .mm-container ul { vertical-align: top; margin: 0px; padding: 0px; list-style-type: none; }
    .mm-container ul li { margin: 0px; padding: 0px; white-space: nowrap; }
    
    .mm-container ul .mm-headline { padding-top: 15px; padding-bottom: 2px; font-weight: bold; text-decoration: underline; text-transform: uppercase; font-family:Tahoma; }
/*}*/

@media all and (max-width: 875px) {
    .mm-container {display:none !important;}
    .Menu { position: fixed; z-index:99999; top:0px; right:0px; height: 100%; width:100%; background:none;  background-color:rgba(255, 255, 255, 0.7); display:none;}
    .MenuBar { display: block !important; position:absolute; right:0px; top:0px; width:260px; background-color:#3d4449; overflow-y:auto; -webkit-overflow-scrolling: touch; box-shadow: rgba(0,0,0,0.7) 0px 0px 30px; }
    .MenuBar li { display: block; width:98% !important; margin-left:1%; margin-right:1%; border-bottom:1px dotted #606c74 }
    .MenuBar li:hover:not(.home) { background-color:#4b555b;  }
    .MenuBar li a { padding-left:10px; box-sizing:border-box; }
    .MenuBar li a .arrow { display:none; }
    
    .MenuBar .home { background-color: #181a1a !important; margin-left:0px !important; margin-right:0px !important; width:100% !important; border-bottom-style:solid; box-sizing:content-box }
    .MenuBar .home .icon { margin-left:5px; margin-top:0px; height:44px; }
    .MenuBar .home .CloseMainMenu { display:block; }

}



/*BreadCrumbs*/
.BreadCrumbs { height:25px; margin-top:2px; }
#BreadCrumbs { position:absolute; left:10px; right:5px; font-size: 11px; line-height:20px; height:20px; min-width:90%; padding-top:5px; color: #b8b8b8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.BreadCrumbs a { color: #b8b8b8; text-decoration: none; }
.BreadCrumbs a:hover { color: #A1A1A1; text-decoration: none; }
.BreadCrumbs .BreadCrumbBack { position:relative; display:inline-block; padding:0px 10px 0px 6px; margin:0px 9px 0px 8px; color:#fff; background-color:#5a5a5a; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.BreadCrumbs .BreadCrumbBack .arrow { background: url('/gfx/layout/layout.png') no-repeat -161px -87px; width:9px; height:20px; position:absolute; top:0px; left:-9px; }
.BreadCrumbs .BreadCrumbBack:hover { color:#c2f0ff}
/*MENU-Footer*/
.MenuFooter { height: 29px; background-color: #f2f2f2; box-shadow: rgba(0,0,0,0.5) 0px 0px 6px; }
.MenuFooter ul { display: table; width: 100%; margin: 0px; padding: 0px; }
.MenuFooter ul li { display: table-cell; position: relative; color: #a2a2a2; font-weight: bold; font-size: 14px; line-height: 30px; padding-left: 32px; cursor: pointer; }
.MenuFooter ul li:hover { color: #6fb600; }
.MenuFooter ul li .icon { position: absolute; left: 0px; top: 1px; width: 27px; height: 27px; background-image: url('/gfx/layout/layout.png'); }
.MenuFooter ul li .returnicon { background-position: -548px -48px; }
.MenuFooter ul li:hover .returnicon { background-position: -548px -77px; }
.MenuFooter ul li .warrentyicon { background-position: -577px -48px; }
.MenuFooter ul li:hover .warrentyicon { background-position: -577px -77px; }
.MenuFooter ul li .shippingicon { background-position: -606px -48px; }
.MenuFooter ul li:hover .shippingicon { background-position: -606px -77px; }
.MenuFooter ul li .hoursicon { background-position: -635px -48px; }
.MenuFooter ul li:hover .hoursicon { background-position: -635px -77px; }
.MenuFooter ul li .customercentericon { background-position: -664px -48px; }
.MenuFooter ul li:hover .customercentericon { background-position: -664px -77px; }


/*.MenuFooter ul .return { width: 25%; min-width: 129px; }
.MenuFooter ul .warrenty { width: 25%; min-width: 162px; }
.MenuFooter ul .shipping { width: 25%; min-width: 140px; }
.MenuFooter ul .shipping .shippingnotice { font-weight: normal; }
.MenuFooter ul .hours { width: 25%; min-width: 146px; }
.MenuFooter ul .customercenter { width: 0%; min-width: 88px; }
*/
.MenuFooter ul .spacer { width: 100%; display: none; }

/*@media all and (max-width: 875px) {*/
    .MenuFooter ul .hours { display: none; }
    .MenuFooter ul .return { width: 33%; }
    .MenuFooter ul .shipping { width: 33%; }
    .MenuFooter ul .warrenty { width: 33%; }
    .MenuFooter ul .customercenter { width: 0; }
/*}*/

@media all and (max-width: 680px) {
    .MenuFooter { border-top: 1px solid #d6d6d6; }
    .MenuFooter ul .hours { display: none; }
    .MenuFooter ul .warrenty { display: none; }

    .MenuFooter ul .return { width: 50%; }
    .MenuFooter ul .shipping { width: 50%; }
    .MenuFooter ul .customercenter { width: 0%; }
}

@media all and (max-width: 492px) {
    .MenuFooter ul .return { display: none; }
    .MenuFooter ul .shipping { width: 100%; }
    .MenuFooter ul .customercenter { width: 0%; }
}

@media all and (max-width: 335px) {
    .MenuFooter ul .shipping { min-width: 10px;  }
    .MenuFooter ul .customercenter { min-width: 10px;  }
}




/*Footer*/
.Footer { min-height: 200px; background-color: #2a2a2a; border-top: 4px solid #696969; width: 100%; display: table; padding-bottom: 10px; }
.Footer .section .header { font: bold 15px arial; color: #FFF; display: block; margin: 25px 0 15px 0; }
.Footer .section ul { float: left; padding-left: 0px; margin: 0px; width: 100%; }
.Footer .section ul li { list-style-type: none; line-height: 25px; color: #b8b8b8; position: relative; overflow: hidden; }
.Footer .section ul .white { color: white; }
.Footer .section ul li a { color: inherit; text-decoration: none; }
.Footer .section ul li a:hover { color: white; }
.Footer .section ul li .icon { position: absolute; left: 0px; top: 2px; width: 21px; height: 21px; background-image: url('/gfx/layout/layout.png'); background-position-y: -48px; }
.Footer .section ul li a .facebook { background-position: -364px -48px; }
.Footer .section ul li a:hover .facebook { background-position: -364px -71px; }
.Footer .section ul li a .twitter { background-position: -387px -48px; }
.Footer .section ul li a:hover .twitter { background-position: -387px -71px; }
.Footer .section ul li a .google { background-position: -410px -48px; }
.Footer .section ul li a:hover .google { background-position: -410px -71px; }
.Footer .section ul li a .youtube { background-position: -433px -48px; }
.Footer .section ul li a:hover .youtube { background-position: -433px -71px; }
.Footer .section ul li a .instagram { background-position: -456px -48px; }
.Footer .section ul li a:hover .instagram { background-position: -456px -71px; }
.Footer .section ul li .home { background-position: -479px -48px; }
.Footer .section ul li .phone { background-position: -502px -48px; }
.Footer .section ul li a .mail { background-position: -525px -48px; }
.Footer .section ul li a:hover .mail { background-position: -525px -71px; }
.Disclaimer { width:100%; background-color: #2a2a2a; text-align:center; color:#cccccc; padding:5px 0px; }

.Footer .follow li, .Footer .contact li { padding-left: 26px; }
.Footer .follow li a:hover, .Footer .contact li a:hover { color: #45c8f3 !important; }
.Footer .customerclub .subscribebox { width: 220px; height: 27px; }
.Footer .customerclub .subscribebox .button a { line-height: 27px; }
.Footer .customerclub .subscribebox .button { height: 25px; }
.Footer .customerclub .subscribebox .inputicon { height: 25px; background: url('/gfx/layout/layout.png') no-repeat -714px -24px; }
.Footer .customerclub .subscribebox .input { height: 25px; }
.Footer .customerclub .emaerket { float:left; width: 61px; height: 56px; margin-top: 15px; background: url('/gfx/layout/layout.png') no-repeat -693px -51px; }
.Footer .customerclub .emaerket a { display: block; height: 100%; text-decoration: none; }

.Footer .customerclub .fvst { float:left; }
.Footer .customerclub .fvst a { display: block; height: 100%; text-decoration: none; margin-top: 18px; margin-left:20px; }


@media all and (min-width: 785px) {
    .Footer .section { display: table-cell; }
    .Footer .customerclub { width: 25%; min-width: 240px; }
    .Footer .customercenter { width: 35%; min-width: 150px; }
    .Footer .customercenter .left { width: 40%; min-width: 135px; }
    .Footer .customercenter .right { width: auto; min-width: 145px; }
    .Footer .seperator { width: 0%; min-width: 0px; }
    .Footer .follow { width: 25%; min-width: 172px; }
    .Footer .contact { width: 15%; min-width: 172px; }
}

@media all and (min-width: 475px) and (max-width: 784px) {
    .Footer .seperator { clear: both; }
    .Footer .customerclub { width: 55%; min-width: 240px; display: block; float: left; }
    .Footer .customercenter { width: 45%; display: block; float: left; }
    .Footer .customercenter .left { width: 50%; min-width: 135px; }
    .Footer .customercenter .right { width: auto; min-width: 140px; }
    .Footer .follow { width: 55%; display: block; float: left; }
    .Footer .contact { width: 45%; display: block; float: left; }
}

@media all and (max-width: 474px) {
    .Footer .section { float: left; width: 50%; }
    .Footer .customerclub { min-width: 230px; display: block; float: left; }
    .Footer .follow { min-width: 187px; float: left; }
    .Footer .contact { min-width: 187px; display: block; float: left; }
    .Footer .customercenter .left { width: 90%; min-width: 187px; float: left; }
    .Footer .customercenter .right { width: 90%; min-width: 187px; float: left; }
}

/*´Manufacturer*/
.front-manufacture img { padding-right:10px; border:0px; }
@media all and (max-width: 760px) {
    .front-manufacture img { padding-right:10px; padding-top:10px; border:0px; max-height:20px; }
}
/*Bottom*/
.Bottom { overflow: hidden; height: 40px; width: 100%; background-color: #202020; background: #777 url('/gfx/layout/gradients.png') repeat-x center -82px; position: relative; }
.Bottom .paymentoptions { position: absolute; right: 10px; bottom: 50%; margin-bottom: -8px; width: 352px; height: 16px; background: url('/gfx/layout/layout.png') no-repeat -174px -94px; }
.Bottom .info { position: absolute; left: 10px; line-height: 20px; top: 11px; width: 100%; color: #b8b8b8; }
.Bottom .info a { color: #fff; text-decoration: none; }
.Bottom .info a:hover { color: #45c8f3; }

@media all and (max-width: 770px) {
    .Bottom { height: 60px; }
    .Bottom .paymentoptions { margin-bottom: 0px; bottom: 8px; right: 50%; margin-right: -176px; }
    .Bottom .info { left: 0px; text-align: center; }
}

@media all and (max-width: 438px) {
    .Bottom { height: 80px; }
}



@media print {
    .LayoutTopSection, .LayoutBottomSection, .BuyArea {
        display:none !important;
    }
}


iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}






.energy-label { font-family: Arial; z-index:100; }
.energy-label a { text-decoration: none }
.energy-label .energy-label-arrow { color: #fff; }
.energy-label-data { font-size: .75rem; line-height: 1.5; background-color:#fff; color: #888; text-decoration: underline; }
.energy-label-range { height: 30px; line-height: 9px; font-size: 10px; color: #000; background-color: #fff; box-sizing: border-box; width: 30%; border: 1px solid #808080; text-align: center; font-weight: bold; margin-top: -1px; margin-bottom: -1px; }
.energy_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 56px; font-size: 1rem; text-align: left; padding-left: 0px; font-weight:bold; }
.energy-label-old .energy-label-range { opacity: 0; width: 0% !important; }

.energy-label-left { position: absolute; top: 10px; left: 10px; }
.energy-label-left .energy-label-range { border-right: 0; }
.energy-label-left .energy_inner:after {  content: ""; display: block; border-style: solid; border-width: 15px 0 15px 15px; margin-right: -15px; }

.energy-label-right { position: absolute; top: 0px; right: 0px; }
.energy-label-right .energy_inner { margin-left: 31px; }
.energy-label-right .energy-label-range { border-left: 0; }
.energy-label-right .energy_inner:before { content: ""; display: block; border-style: solid; border-width: 15px 15px 15px 0px; margin-left: -15px; }



.energy-level-d { background-color: #e70712; }
.energy-level-d:before, .energy-level-d:after { border-color: transparent #e70712 transparent #e70712; }

.energy-level-c { background-color: #f16506; }
.energy-level-c:before, .energy-level-c:after { border-color: transparent #f16506 transparent #f16506; }

.energy-level-b { background-color: #fbb901; }
.energy-level-b:before, .energy-level-b:after { border-color: transparent #fbb901 transparent #fbb901; }

.energy-level-a { background-color: #feee03; }
.energy-level-a:before, .energy-level-a:after { border-color: transparent #feee03 transparent #feee03; }

.energy-level-ap { background-color: #c6d204; }
.energy-level-ap:before, .energy-level-ap:after { border-color: transparent #c6d204 transparent #c6d204; }

.energy-level-app { background-color: #54ae32; }
.energy-level-app:before, .energy-level-app:after { border-color: transparent #54ae32 transparent #54ae32; }


.eprel-level-g { background-color: #ed1c24; }
.eprel-level-g:before, .eprel-level-g:after { border-color: transparent #ed1c24 transparent #ed1c24; }

.eprel-level-f { background-color: #f37021; }
.eprel-level-f:before, .eprel-level-f:after { border-color: transparent #f37021 transparent #f37021; }

.eprel-level-e { background-color: #fdb913; }
.eprel-level-e:before, .eprel-level-e:after { border-color: transparent #fdb913 transparent #fdb913; }

.eprel-level-d { background-color: #fff200; }
.eprel-level-d:before, .eprel-level-d:after { border-color: transparent #fff200 transparent #fff200; }

.eprel-level-c { background-color: #bfd730; }
.eprel-level-c:before, .eprel-level-c:after { border-color: transparent #bfd730 transparent #bfd730; }

.eprel-level-b { background-color: #50b848; }
.eprel-level-b:before, .eprel-level-b:after { border-color: transparent #50b848 transparent #50b848; }

.eprel-level-a { background-color: #00a651; }
.eprel-level-a:before, .eprel-level-a:after { border-color: transparent #00a651 transparent #00a651; }