/****************************************************************************************** * FONTS ******************************************************************************************/ @font-face { font-family: 'CooperStdBlack'; src: url('http://assets.tn-media.be/font/cooperblackstd-webfont.eot'); src: url('http://assets.tn-media.be/font/cooperblackstd-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.tn-media.be/font/cooperblackstd-webfont.woff') format('woff'), url('http://assets.tn-media.be/font/cooperblackstd-webfont.ttf') format('truetype'), url('http://assets.tn-media.be/font/cooperblackstd-webfont.svg#CooperStdBlack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BreuerTextLight'; src: url('http://assets.tn-media.be/font/breuertext-light-webfont.eot'); src: url('http://assets.tn-media.be/font/breuertext-light-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.tn-media.be/font/breuertext-light-webfont.woff') format('woff'), url('http://assets.tn-media.be/font/breuertext-light-webfont.ttf') format('truetype'), url('http://assets.tn-media.be/font/breuertext-light-webfont.svg#BreuerTextLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BreuerTextRegular'; src: url('http://assets.tn-media.be/font/breuertext-regular-webfont.eot'); src: url('http://assets.tn-media.be/font/breuertext-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.tn-media.be/font/breuertext-regular-webfont.woff') format('woff'), url('http://assets.tn-media.be/font/breuertext-regular-webfont.ttf') format('truetype'), url('http://assets.tn-media.be/font/breuertext-regular-webfont.svg#BreuerTextRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BreuerTextMedium'; src: url('http://assets.tn-media.be/font/breuertext-medium-webfont.eot'); src: url('http://assets.tn-media.be/font/breuertext-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.tn-media.be/font/breuertext-medium-webfont.woff') format('woff'), url('http://assets.tn-media.be/font/breuertext-medium-webfont.ttf') format('truetype'), url('http://assets.tn-media.be/font/breuertext-medium-webfont.svg#BreuerTextMedium') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'BreuerTextBold'; src: url('http://assets.tn-media.be/font/breuertext-bold-webfont.eot'); src: url('http://assets.tn-media.be/font/breuertext-bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.tn-media.be/font/breuertext-bold-webfont.woff') format('woff'), url('http://assets.tn-media.be/font/breuertext-bold-webfont.ttf') format('truetype'), url('http://assets.tn-media.be/font/breuertext-bold-webfont.svg#BreuerTextBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'BreuerHeadlinePRIMEWeb'; src: url('http://assets.tn-media.be/font/breuerheadlineprimeweb-regular.eot'); src: url('http://assets.tn-media.be/font/breuerheadlineprimeweb-regular.eot?#iefix') format('embedded-opentype'), url('http://assets.tn-media.be/font/breuerheadlineprimeweb-regular.woff') format('woff'), url('http://assets.tn-media.be/font/breuerheadlineprimeweb-regular.ttf') format('truetype'), url('http://assets.tn-media.be/font/breuerheadlineprimeweb-regular.svg#BreuerTextBold') format('svg'); font-weight: bold; font-style: normal; } /* ------------------- (P)resets ---------------------- */ html, body{height:100%; margin:0;} h1,h2,h3,h4,h5,h6, p{margin:0;} ul{margin:0px 15px; padding:7px 0;} input, textarea {padding:2px 3px 0 3px; margin:0px;} img, a img{border:0;} th {font-weight: normal; text-align:left;} .NoDisplay{display:none!important;} .Display{display:block;} .NoFloat{float:none!important;} .AlignLeft{text-align:left;} .AlignRight{text-align:right;} .AlignCenter{text-align:center;} .LineThrough{text-decoration:line-through;} .ClearBoth {clear:both;} .Spacer{float:left; display:block; background:transparent; width:1px} .Small{font-size:9px;} .Print{display:none;} .FloatLeft{display:block; float:left;} img.FloatLeft{margin:0 7px 7px 0} .FloatRight{display:block; float:right;} img.FloatRight{margin:0 0px 7px 7px} .ClearGapLeft{margin-left:0px!important; padding-left:0px!important;} .ClearGapRight{margin-right:0!important; padding-right:0!important;} .Strong{font-weight:bold;} .FloatClearingBox {width: 100%; overflow: hidden;} /* ------------------- Default styling ---------------------- */ body{font:12px/14px Verdana, Arial, Helvetica, sans-serif; color:#58595b;} body.iframe{ background-image: none;} p{font: 12px/14px Verdana, Arial, Helvetica, sans-serif; margin:0 0 7px 0; padding:0 0 7px 0;} h1, h1 a{color:#f26534; font: 30px/35px BreuerHeadlinePRIMEWeb, Verdana, Arial, Helvetica, sans-serif; padding:0 15px 10px 0px;} h2, h2 a{color:#f26534; font: 22px BreuerHeadlinePRIMEWeb, Verdana, Arial, Helvetica, sans-serif; padding:5px 15px 3px 0px;} h3, h3 a{color:#58595b; font: 15px/18px BreuerTextBold, Verdana, Arial, Helvetica, sans-serif; padding:7px 15px 3px 0px;} h4, h4 a{color:#909090; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; padding:7px 15px 4px 0px;} h5, h5 a{color:#606060; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; padding:7px 15px 4px 0px;} h6, h6 a{color:#e3000b; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; padding:7px 15px 4px 0px;} h2 sup {font-size: 50%;} h4 span{color:#f2f2f2; font-weight:normal;} div.afloatcontainingdiv {overflow: auto; width: 100%;} h5 span{color:#cc0000; font-weight:bold;} h5 span.LineThrough{color:#606060;} a{color:#58595b; text-decoration:underline;} a:hover{color:#f7942f;} .ColorRed{color:#cc0000;} .Small{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0;} span.sup, span.sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;font-size:80%;} span.sup {bottom: 1ex;} span.sub {top: .5ex;} sup{font-size:80%;} em{font-style:normal; color:#999999} ul{margin:0px 15px 0 0; padding:7px 0;} ul li{padding-bottom:5px; padding-left:20px; list-style:none; background: url(http://assets.tn-media.be/graphics/bgListYellow.gif) left 2px no-repeat;} ul.redlist li{background: url(http://assets.tn-media.be/graphics/bgListRed.gif) left 2px no-repeat;} ol li{padding-bottom:5px;} input, textarea, select{font: 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#6F8997; margin-top:5px;} .option{font-weight:normal;} /* *********** STRUCTURE ************ */ #Container1007{margin:0 auto; width:995px; min-height:654px; padding:0;} * html #Container1007{height:654px;} #LeftPane{display:block; float:left; width:202px;} #ContentPane{float:left; width:573px; padding-left:7px; overflow:hidden;} #ContentPane.FullSpread{width:773px;} .HalfSpread{width:370px; margin: 20px 10px 0 5px;; float: left; display:inline;} #ContentPane div#boven {margin-top:0;} #RightPane{float:left; width:183px; min-height:300px; height: auto; padding:31px 14px 0 16px;} #BottomPane{width: 100%; margin-top: 10px; padding-bottom: 20px; float: left; text-align:center; color:#909090; font-size:10px;} *head:first-child + body.Home #BottomPane {margin-top: 120px} /* IE7-only hack */ #ContentPane.ReallyFullSpread {width:975px;} #Container1007 .ReallyFullSpread {width:975px;} #previewonly {position: relative; background-color: #ffffe1; background-image: url(http://assets.tn-media.be/graphics/BgError.gif); background-position: top left; background-repeat:repeat; color: #ff0000!important; border: 1px solid #ff0000; font-weight: bold; padding:4px; height: 40px; overflow: hidden;} #preliveonly {position: relative; background-color: #ffffe1; background-image: url(http://assets.tn-media.be/graphics/BgPrelive.png); background-position: top left; background-repeat:repeat; color: #f7942f!important; border: 1px solid #f7942f; font-weight: bold; padding:4px; height: 40px; overflow: hidden;} #previewonly a {color: #ff0000!important;} #preliveonly a {color: #f7942f!important;} #previewonly .centerthis, #preliveonly .centerthis {margin: 0 auto; width: 995px; overflow: hidden;} #previewonly .titlepart, #preliveonly .titlepart {width: 700px; float: left;} #previewonly .titlepart h1, #preliveonly .titlepart h1 {color: red; font: 30px/35px BreuerHeadlinePRIMEWeb,Verdana,Arial,Helvetica,sans-serif; text-align: center;} #previewonly .infopart, #preliveonly .infopart {width: 290px; float: left;} #CookieBeheer {position: relative; background-color: #f1f1f1; background-image: url(http://images.tn-media.be/cookies/background.png); background-position: top left; background-repeat:repeat; height: 53px; overflow: hidden;} #CookieBeheer .centerthis {margin: 0 auto; width: 995px; overflow: hidden;} #CookieBeheer .cookieimage {width: 240px; float: left;} #CookieBeheer .cookietitel {width: 360px; float: left; margin-left: 25px; margin-top: 20px; color: #58595b; font-family: BreuerTextBold; font-size: 15px;} #CookieBeheer .cookieinfo {width: 120px; float: left; margin-top: 15px;} #CookieBeheer .cookieakkoord {width: 200px; float: left; margin-top: 11px;} #CookieBeheer .cookieakkoord .OrderSomethingFlexButton span{background-color: #f1f1f1;} /* ------------------- LeftPane completion ---------------------- */ /*Left Navigation*/ #SubNavTop{height: 5px; margin: 0 15px 0 24px; padding: 0; background: url(http://graphics.tn-media.be/navigation/SN_top.png) top left no-repeat;} #SubNav{margin: 0 15px 0 24px; padding:0; background: url(http://graphics.tn-media.be/navigation/SN_bottom.png) bottom left no-repeat;} #SubNav, #SubNav ul{list-style:none;} #SubNav li{padding:0 5px 1px; margin: 0;background: url(http://graphics.tn-media.be/navigation/SN_divider.png) bottom left no-repeat;} #SubNav li#SubNavItem1112 a.Active {background-color: #ffffff;} #SubNav a{display:block; text-decoration:none;} #SubNav a:hover{color:#ec6410} #SubNav a span{display:block; cursor:pointer;} /*Niveau 1*/ #SubNav li a {display: block; background: url(http://graphics.tn-media.be/navigation/SubNav.png) no-repeat; padding-bottom: 0; text-decoration: none; font-family: BreuerTextRegular; font-size: 16px; line-height: 18px; color: #58595b;} #SubNav li a.Active {background: url(http://graphics.tn-media.be/navigation/SubNav_Active.png) no-repeat #ffffff; font-family: BreuerTextBold; color: #ec6410;} #SubNav li a:hover {background-image: url(http://graphics.tn-media.be/navigation/SubNav_Active.png); font-family: BreuerTextBold; color: #ec6410;} #SubNav li a span {display: block; font-size: 16px; line-height: 18px; padding: 18px 0 18px 29px;} #SubNav li a span.smalltext {font-size: 14px;} #SubNav li#SubNavItem1904 {background: none;} #SubNav li a.Active span{background: none;} /*Niveau 2*/ #SubNav ul{margin:0;padding:0 0 10px 0; background: none; display: block;} #SubNav ul li{padding:8px 0; margin:0; background: none;} #SubNav ul li a{color:#58595b; font-size: 13px; line-height: 15px; background: url(http://graphics.tn-media.be/navigation/SN_niv2.png) top left no-repeat; padding-left: 30px;} #SubNav ul li a{color:#58595b; font-size: 13px; line-height: 15px; background: url(http://graphics.tn-media.be/navigation/SN_niv2.png) top left no-repeat; padding-left: 30px;} #SubNav ul li a.Active {background-image: url(http://graphics.tn-media.be/navigation/SN_niv2.png); font-family: BreuerTextRegular;} #SubNav ul li a:hover {background-image: url(http://graphics.tn-media.be/navigation/SN_niv2.png); font-family: BreuerTextRegular;} /*Niveau 3*/ #SubNav ul ul{margin: 0;padding: 0; background: none;} #SubNav ul ul li{padding: 5px 0;margin:0;} #SubNav ul ul li a{margin:0; font-weight:normal; color:#a5a6a9; background: url(http://graphics.tn-media.be/navigation/SN_niv3.png) top left no-repeat; padding-left: 40px;} #SubNav ul ul li a.Active {background-image: url(http://graphics.tn-media.be/navigation/SN_niv3.png);} #SubNav ul ul li a:hover {background-image: url(http://graphics.tn-media.be/navigation/SN_niv3.png);} /*Niveau 4*/ #SubNav ul ul ul{margin:0; padding: 0;} #SubNav ul ul ul li{padding: 2px 0;margin:0;} #SubNav ul ul ul li a{margin:0; font-weight:normal; color:#a5a6a9; background: none; padding-left: 50px; background: url(http://graphics.tn-media.be/navigation/SN_niv4.png) top left no-repeat;} #SubNav ul ul ul li a.Active {background: url(http://graphics.tn-media.be/navigation/SN_niv4.png) top left no-repeat;} #SubNav ul ul ul li a:hover {background: url(http://graphics.tn-media.be/navigation/SN_niv4.png) top left no-repeat;} /* ------------------- ContentPane completion ---------------------- */ h1 sup{font-size:50%; font-weight:normal;} .BoxTagHolder102{display:block; float:right; width:102px;} .BoxPriceTag, .BoxPriceTag .Locker{background-image: url(http://assets.tn-media.be/graphics/bgYellowPriceTag.gif);background-repeat:no-repeat;} .BoxPriceTag, .BoxPriceTag02, .BoxPriceTag03, .BoxPriceTag04, .BoxPriceTag05, .BoxPriceTagSmall{background-position:right bottom; padding-bottom:8px; text-align:center; float:right; color:#666666; font-weight:bold; font-size:10px; margin-bottom:4px; line-height:12px;} .BoxPriceTag, .BoxPriceTag02, .BoxPriceTag03, .BoxPriceTag04, .BoxPriceTagSmall{width:102px;} .BoxPriceTag .Locker, .BoxPriceTag02 .Locker, .BoxPriceTag03 .Locker, .BoxPriceTag04 .Locker, .BoxPriceTag05 .Locker, .BoxPriceTagSmall .Locker{background-position:left top; background-repeat:no-repeat; display:block; padding-top:8px;} .BoxPriceTag .txtLarge, .BoxPriceTag02 .txtLarge, .BoxPriceTag03 .txtLarge, .BoxPriceTag04 .txtLarge, .BoxPriceTag05 .txtLarge, .BoxPriceTagSmall .txtLarge{font-size:17px; line-height:20px;} .BoxPriceTagSmall, .BoxPriceTagSmall .Locker{background-image: url(http://assets.tn-media.be/graphics/bgYellowPriceTagSmall.gif);background-repeat:no-repeat;} .BoxPriceTagSmall {width: 90px;} .TblComplex td, .TblComplex th{border:1px white solid; padding:2px 5px;} .TblComplex h3, .TblSimple h3{padding-top:0;} .TblComplex tr:hover{background:#f6f6f6; color:#cc0000} .TblComplex tr:hover{background:#dcdcdc; color:#cc0000} .TblComplex tr.nohover:hover{background:none; color: #606060;} .TblComplex table td, .TblSimple table td, .TblComplex table th, .TblSimple table th{padding:0; border:0;} .RowGrey01{background:#e9e9e9; font-weight:bold; border-bottom:none!important;} .RowGrey01 h3 {padding: 10px 10px 10px 5px;} .RowHeader h3 {padding: 10px 10px 10px 5px;} .RowHeader:hover{background:none!important;} .RowHeader{margin: 3px 0px;} .BoxLegalNotes{margin-top:15px;} .BoxLegalNotes p{font-size:9px; line-height:11px; color:#909090} .BoxLegalNotes a{color:#909090} /*Boxes and styles for form-elements*/ .BoxFormHolder{width:389px;background: url(http://assets.tn-media.be/graphics/bgBoxFormBottom.gif) left bottom no-repeat; padding-bottom:11px;} .BoxFormTop, .BoxFormMiddle{width:374px; display:block;} .BoxFormTop{background: url(http://assets.tn-media.be/graphics/bgBoxFormTop.gif) repeat-y; height:23px; padding:0 5px 0 10px;} .BoxFormMiddle{background: url(http://assets.tn-media.be/graphics/bgBoxFormMiddle.gif) repeat-y; padding:0 5px 0 10px;} .BoxFormTop h4{background:#fff; margin-left:20px; display:block; float:left; padding:5px 7px 0 7px;} .BoxFormHolder p{margin-bottom:0} .ColForm_01{text-align:right; padding-right:3px; vertical-align:top} .ColForm_01 strong{color:#cc0000;} .ColForm_02{} .width134{width:134px;} .width45{width:45px;} .width20{width:20px;} .width48{width:48px;} .ColForm_03{text-align:left; color:#909090; font-size:9px;padding-left:3px;} /* forms */ input, textarea {padding:2px 3px 0 3px; margin:0px;} input, textarea, select {font: 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#6F8997; margin-top:5px;} .option {font-weight:normal;} .inputfield {border: 1px solid #f0f0f0;} label{color:#606060!important;} #ErrorMessageField .error{color:#CC0000!important;} .LabelAlert{cursor:pointer; position:relative; margin:4px 0 6px 2px; display:block;} .LabelAlert:hover{color:#cc0000!important; text-decoration:underline;} .Required{background:url(http://assets.tn-media.be/images/iconRequiredField.gif) right 3px no-repeat;} .importantmessage {color:#cc0000!important;} #BtnSubmitOrder{margin-top:10px;} #BtnAanmelden{margin-top:3px;} .BtnAanmelden{margin-top:3px;} a#BtnControleerPC{ margin-left:60px; margin-top:3px; display:block;} * html a#BtnControleerPC{ margin-left:30px;} .formBtnGrey {background: url(http://graphics.tn-media.be/YellowButtonLeft.png) top left no-repeat; height: 24px; margin :0px; padding : 0px 5px; float: left; } .formBtnGrey input {display:block; height: 24px; line-height: 15px; float:left; text-decoration:none; font-weight:bold; font-size:13px; font-family: CooperStdBlack; color:white!important; margin: 0px; padding: 4px 10px 5px 5px; background : url(http://graphics.tn-media.be/YellowButton.png) top right no-repeat; border: 0px;} .formBtnGrey a.button {display:block; height: 24px; float:left; text-decoration:none; font-weight:bold; font-size:13px; font-family: CooperStdBlack; color:white!important; margin: 0px; padding: 4px 10px 5px 5px; background : url(http://graphics.tn-media.be/YellowButton.png) top right no-repeat; border: 0px;} /*Jellybeans as buttons*/ span.BtnArrowOnRed, a.BtnArrowOnRed, input.BtnArrowOnRed{background: url(http://graphics.tn-media.be/YellowArrowIcoon.png) no-repeat right center; padding-right: 25px; color: #f26534; font-size: 18px; font-family: BreuerTextBold, Verdana, Arial, Helvetica, sans-serif; line-height: 22px; font-weight: bold; text-decoration: none; display: inline-block;} span.BtnArrowOnGrey, a.BtnArrowOnGrey, input.BtnArrowOnGrey{background: url(http://graphics.tn-media.be/YellowArrowIcoon.png) no-repeat right center; padding-right: 25px; color: #f26534; font-size: 18px; font-family: BreuerTextBold, Verdana, Arial, Helvetica, sans-serif; line-height: 22px; font-weight: bold; text-decoration: none; display: inline-block;} a.BtnTipNL, a.BtnTipFR, a.BtnTipEN, span.BtnTipNL, span.BtnTipFR, span.BtnTipEN, a.Btn2TipNL, a.Btn2TipFR, a.Btn2TipEN, span.Btn2TipNL, span.Btn2TipFR, span.Btn2TipEN, span.BtnNieuwNL, a.BtnNieuwNL, span.BtnNieuwFR, a.BtnNieuwFR, span.BtnNieuwEN, a.BtnNieuwEN, a.BtnArrowOnRed_e9, span.BtnArrowOnRed_e9 {text-decoration:none; padding-left:23px; background-repeat:no-repeat; display:block;line-height:14px; margin-top:5px;} .ButtonsNextToEachOther {clear: both; overflow: auto;} .ButtonsNextToEachOther a.BtnArrowOnGrey, .ButtonsNextToEachOther a.BtnArrowOnRed, .ButtonsNextToEachOther span.BtnArrowOnGrey, .ButtonsNextToEachOther span.BtnArrowOnRed {float: left; margin-left: 10px;} a.BtnArrowOnRed_e9, span.BtnArrowOnRed_e9{background-image: url(http://graphics.tn-media.be/YellowArrowIcoon.png); font-weight:bold; color:#f26534;} a.BtnTipNL, span.BtnTipNL {background-image: url(http://assets.tn-media.be/graphics/bean_tip_nl.gif); font-weight:bold; color:#909090; padding-left:40px; line-height: 24px; vertical-align:middle;} a.BtnTipFR, span.BtnTipFR {background-image: url(http://assets.tn-media.be/graphics/bean_tip_fr.gif); font-weight:bold; color:#909090; padding-left:40px; line-height: 24px; vertical-align:middle;} a.BtnTipEN, span.BtnTipEN {background-image: url(http://assets.tn-media.be/graphics/bean_tip_en.gif); font-weight:bold; color:#909090; padding-left:40px; line-height: 24px; vertical-align:middle;} a.Btn2TipNL, span.Btn2TipNL {background-image: url(http://assets.tn-media.be/graphics/bean_tip_nl.gif); font-weight:normal; color:#909090; padding-left:40px; line-height: 14px; vertical-align:middle;} a.Btn2TipFR, span.Btn2TipFR {background-image: url(http://assets.tn-media.be/graphics/bean_tip_fr.gif); font-weight:normal; color:#909090; padding-left:40px; line-height: 14px; vertical-align:middle;} a.Btn2TipEN, span.Btn2TipEN {background-image: url(http://assets.tn-media.be/graphics/bean_tip_en.gif); font-weight:normal; color:#909090; padding-left:40px; line-height: 14px; vertical-align:middle;} a.BtnNieuwNL, span.BtnNieuwNL {background-image: url(http://assets.tn-media.be/graphics/bean_nieuw_nl.gif); font-weight:normal; color:#909090; padding-left:40px; line-height: 24px; vertical-align:middle;} a.BtnNieuwFR, span.BtnNieuwFR {background-image: url(http://assets.tn-media.be/graphics/bean_nieuw_fr.gif); font-weight:normal; color:#909090; padding-left:40px; line-height: 24px; vertical-align:middle;} a.BtnNieuwEN, span.BtnNieuwEN {background-image: url(http://assets.tn-media.be/graphics/bean_nieuw_en.gif); font-weight:normal; color:#909090; padding-left:40px; line-height: 24px; vertical-align:middle;} h3.BtnNieuwNL {background-image: url(http://assets.tn-media.be/graphics/bean_nieuw_nl.gif);} h3.BtnNieuwFR {background-image: url(http://assets.tn-media.be/graphics/bean_nieuw_fr.gif);} h3.BtnNieuwEN {background-image: url(http://assets.tn-media.be/graphics/bean_nieuw_en.gif);} h3.BtnNieuwNL, h3.BtnNieuwFR, h3.BtnNieuwEN {text-decoration:none; padding-left:40px; background-repeat:no-repeat; display:block;} .StretcherTop h3.BtnNieuwNL, .StretcherTop h3.BtnNieuwFR, .StretcherTop h3.BtnNieuwEN {padding-top: 7px; margin-top: 40px;} a.BtnArrowOnGrey:hover, a.BtnArrowOnRed:hover, a.BtnTipNL:hover, a.BtnTipFR:hover, a.BtnTipEN:hover{text-decoration:underline;} .BoxPromoWithTag .BtnArrowOnGrey, .BoxPromoWithTag2 .BtnArrowOnGrey{position:absolute; margin-top:135px; background-position:left 1px;} .BoxPromoWithTag .BtnArrowOnRed, .BoxPromoWithTag2 .BtnArrowOnRed{position:absolute; margin-left:120px; margin-top:136px; background-position:left 2px;} /* Jellybeans as start of paragraph */ p.BtnArrowOnGrey, p.BtnArrowOnRed{text-decoration:none; padding-left:23px; background-repeat:no-repeat; display:block;line-height:14px; margin-top:5px;} p.BtnArrowOnGrey{background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnGrey.gif); font-weight:bold; color:#909090} p.BtnArrowOnRed{background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnRed.jpg); font-weight:bold; color:#cc0000} /* Jellybeans in lists */ ul.BtnArrowOnGrey{list-style:none; margin-left:0px; margin-right:7px;} ul.BtnArrowOnGrey li {background: url(http://assets.tn-media.be/graphics/BtnArrowOnGrey.gif) left 0px no-repeat; padding-left:24px; line-height:14px; padding-bottom:7px;} ul.BtnArrowOnGrey li a{text-decoration:none; padding-left:0px;} ul.BtnArrowOnGrey li a:hover{text-decoration:underline;} ul.BtnArrow{list-style:none; margin-left:0px; margin-right:7px;} ul.BtnArrow li {background: url(http://assets.tn-media.be/graphics/BtnArrowOnGrey.gif) left 0px no-repeat; padding-left:24px; line-height:14px; padding-bottom:7px;} ul.BtnArrow li a{text-decoration:none; padding-left:0px;} ul.BtnArrow li a:hover{text-decoration:underline;} /*or clickable jelly in list*/ div.ListJellyGrey{margin-bottom:15px;} div.ListJellyGrey .BtnArrowOnGrey{background-image: url(http://assets.tn-media.be/graphics/BtnArrowOnGreySmall.gif); padding-left:20px; font-weight:normal;} .BoxGreyInWhite div.ListJellyGrey .BtnArrowOnGrey{background-image: url(http://assets.tn-media.be/graphics/BtnArrowOnGreySmall2.gif); padding-left:20px; font-weight:normal;} .BoxHolder181 div.ListJellyGrey .BtnArrowOnGrey{margin-top:7px!important;} /* Tooltip */ a.Tooltip{cursor:default!important;} .IconHelp{top:1px; left:2px; position:relative; cursor:default;} .BoxTooltipHolder{width:199px; position:static; left:-20px;} .BoxTooltipTop{width:100%; background: url(http://assets.tn-media.be/graphics/BgTooltipTop.png); height:6px; font-size:0px;} .BoxTooltipMiddle{width:179px; background: url(http://assets.tn-media.be/graphics/bgTooltipMiddle.png) repeat-y; padding:0 10px;} .BoxTooltipBottom{width:100%; background: url(http://assets.tn-media.be/graphics/bgTooltipBottom.png); height:20px; margin:0; font-size:0px;} *html .BoxTooltipTop{background: url(http://assets.tn-media.be/graphics/BgTooltipTop.gif) no-repeat;} *html .BoxTooltipMiddle{background: url(http://assets.tn-media.be/graphics/bgTooltipMiddle.gif) repeat-y;} *html .BoxTooltipBottom{background: url(http://assets.tn-media.be/graphics/bgTooltipBottom.gif);} .boxwrapper { float: left; padding-bottom: 24px; position:relative; background: transparent url(http://assets.tn-media.be/graphics/bgBoxPromoDuoNew.gif) left bottom no-repeat; } .box { width: 286px; float: left; margin: 0; background: transparent url(http://assets.tn-media.be/graphics/bgBoxPromoDuoNew.gif) left top no-repeat; } .box p,.box ul, .box h1, .box h2, .box h3, .box h4, .box h5, .box .BoxListDuo, .box .BtnArrowOnGrey, .box .BtnArrowOnRed {margin-left:20px;} .box h3{margin-top:7px;} .box .BoxListDuo ul{margin-top:7px!important; margin-bottom:4px!important;} .box .BtnArrowOnGrey, .box .BtnArrowOnRed{bottom:12px;position:absolute; margin-bottom:0px;} .box .BtnArrowOnRed{margin-left:140px;} .boxwrapperGrey {float: left; position:relative; overflow:hidden; padding-bottom: 24px; margin-bottom:5px; width:590px; background: url(http://assets.tn-media.be/graphics/bgBoxPromoDuoGrey.gif) left bottom no-repeat;} .boxwrapperGrey .box {width: 249px; margin: 0 15px 0 0; padding:0 15px; float: left; background: url(http://assets.tn-media.be/graphics/bgBoxPromoDuoGrey.gif) left top no-repeat;} .boxwrapperGrey .box p, .boxwrapperGrey .box ul, .boxwrapperGrey .box h1, .boxwrapperGrey .box h2, .boxwrapperGrey .box h3, .boxwrapperGrey .box h4, .boxwrapperGrey .box h5, .boxwrapperGrey .box .BoxListDuo, .box .boxwrapperGrey .BtnArrowOnGrey, .boxwrapperGrey .box .BtnArrowOnRed {margin-left:0px;} .boxwrapperGrey .box .BoxListDuo{margin-top:7px;} .boxwrapperGrey .box .BoxListDuo ul{margin-top:7px!important; margin-bottom:4px!important;} .boxwrapperGrey .box .BoxListDuo ul{padding-left:7px;} .boxwrapperGrey .box .BtnArrowOnGrey, .boxwrapperGrey .box .BtnArrowOnRed{bottom:12px;position:absolute; margin-bottom:0px;} .boxwrapperGrey .box .BtnArrowOnGrey{margin-left:3px;} .boxwrapperGrey .box .BtnArrowOnRed{margin-left:130px;} .boxwrapperTripple {float: left; position:relative; overflow:hidden; width:560px;} .boxTripple{width: 161px; float: left; margin: 0 10px 0 0; padding:5px; position:relative; background: url(http://assets.tn-media.be/graphics/bgBoxTripple.gif) 9999px 9999px no-repeat;} .boxTripple ul li{background-image:url(http://assets.tn-media.be/graphics/bgListGrey.gif)} .boxTripple:hover {background: url(http://assets.tn-media.be/graphics/bgBoxTripple.gif) left top no-repeat;} .boxTrippleLocker{height:10px; width:100%; position:absolute; bottom:0; left:0;} .boxTripple:hover .boxTrippleLocker {background: url(http://assets.tn-media.be/graphics/bgBoxTripple.gif) left bottom no-repeat; } .BoxThumbs img{float:left; margin:5px 0 0 5px;} /* -------- RightPane completion ----------- */ #RightPane.MarginTop{margin-top:48px;} #TxtPostcode{width:70px;} .TxtPostcode{width:70px;} /* Used for Webmail, Mijn telenet, Online support*/ .BgContentRight, .BgContentRight .Locker{background-image: url(http://assets.tn-media.be/graphics/bgGreyDarkContent.gif); background-repeat:no-repeat;} .BgContentRight{width:171px; background-position:left bottom; text-align:left; float:left; padding-bottom:4px; margin-bottom:5px; overflow:hidden;} .BgContentRight .Locker{background-position:left top; width:100%; display:block;padding:4px 2px 5px 8px; text-align:left;} .BgContentRight h4{margin:0; padding:7px 0; color:#ffcc00;} .BgContentRight h3, .BgContentRight h4, .BgContentRight ul, .BgContentRight p{ padding-left:0px;} .BgContentRight a{color:#f2f2f2!important;} .BgContentRight a:hover{color:#f2f2f2!important;} .BgContentRight h4 a {color:#ffcc00!important;} .BoxM181 {background-position:right top; float:right; margin-bottom:15px; padding-top:10px; text-align:left; width:181px;} .BgMGrey {background-image:url(http://assets.tn-media.be/graphics/bgBoxMediumGrey181.gif);} .BoxM181 .Locker {background-position:right bottom;display:block;margin:0pt;padding:0px 4px 15px 10px;} .BoxM181, .BoxM181 .Locker {background-repeat:no-repeat;} .BoxR181 .Locker {background-position:right bottom;display:block;margin:0pt;padding:0px 4px 15px 10px;} .BoxR181, .BoxM181 .Locker {background-repeat:no-repeat;} .BoxR181 img {display:block;margin-top:15px;} .BoxM181 img {display:block;margin:auto;} .BgGreywithGreyBorder p, .BgGreywithGreyBorder h1 {padding: 15px;} .BgGreywithGreyTop {background-image: url(http://telenet.be/http://assets.tn-media.be/graphics/BoxGrey_border_top.gif); background-repeat:no-repeat; height: 19px;} .BgGreywithGreyMiddle {background-image: url(http://telenet.be/http://assets.tn-media.be/graphics/BoxGrey_border_middle.gif); background-repeat: repeat-y;} .BgGreywithGreyBottom {background-image: url(http://telenet.be/http://assets.tn-media.be/graphics/BoxGrey_border_btm.gif); background-repeat:no-repeat; height: 16px;} #tblOnlineSupport{margin-top:5px;} #tblOnlineSupport td, #tblOnlineSupport th{vertical-align:top;} #tblOnlineSupport .tdBull{color:#ffcc00; width:1em;} .BtnPrev{width:15px; height:15px; position:absolute; background:url(http://assets.tn-media.be/graphics/home/btnPrev.gif); margin:38px 0 0 -5px;} .BtnPrev:hover{background:url(http://assets.tn-media.be/graphics/home/btnPrev.gif) left bottom;} .BtnNext{width:15px; height:15px; position:absolute; background:url(http://assets.tn-media.be/graphics/home/btnNext.gif); margin:38px 0 0 195px;} .BtnNext:hover{background:url(http://assets.tn-media.be/graphics/home/btnNext.gif) left bottom;} .Toppie{z-index:9999999!important;} .BoxPromo181 ul li{margin-left:5px; line-height:13px; background:url(http://assets.tn-media.be/graphics/bgListGrey.gif) left 2px no-repeat; text-align:left;} /* grijze achtergrond box met pricetag bgGrey-Pricetag */ div.bgGrey-Pricetag { background: url(http://assets.tn-media.be/graphics/bgGreyBoxWithPricetag.jpg) right bottom no-repeat; display:block; width: 247px; } div.bgGrey-Pricetag-header { background: url(http://assets.tn-media.be/graphics/bgGreyBoxWithPricetag.jpg) right top no-repeat; height: 50px; } div.bgGrey-Pricetag-content { background: url(http://assets.tn-media.be/graphics/bgGreyBoxWithPricetag.jpg) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.bgGrey-Pricetag-content p { margin-bottom:0px; } div.bgGrey-Pricetag-header h1, div.bgGrey-Pricetag-header h2, div.bgGrey-Pricetag-header h3, div.bgGrey-Pricetag-header h4, div.bgGrey-Pricetag-header h5, div.bgGrey-Pricetag-header h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgGreyBoxWithPricetag.jpg) left top no-repeat; } .GreyBoxPriceTag {font-weight:bold; text-align:center; color:#666666; margin-right: -12px; _margin-right: -6px; margin-top: -43px; float: right; width: 100px;} .GreyBoxPriceTag .txtLarge{font-size:17px; line-height:20px; } div.bgGrey-Pricetag h3 {padding-top: 0;} /* gele rand */ div.rounded-corners { background: url(http://assets.tn-media.be/graphics/bgRoundYellow.gif) right bottom no-repeat; display:block; } div.rounded-header { background: url(http://assets.tn-media.be/graphics/bgRoundYellow.gif) right top no-repeat; } div.rounded-content { background: url(http://assets.tn-media.be/graphics/bgRoundYellow.gif) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content p { margin-bottom:0px; } div.rounded-header h1, div.rounded-header h2, div.rounded-header h3, div.rounded-header h4, div.rounded-header h5, div.rounded-header h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgRoundYellow.gif) left top no-repeat; } /* rode rand */ div.rounded-corners-red { background: url(http://assets.tn-media.be/graphics/bgRoundRed.gif) right bottom no-repeat; display:block; } div.rounded-header-red { background: url(http://assets.tn-media.be/graphics/bgRoundRed.gif) right top no-repeat; } div.rounded-content-red { background: url(http://assets.tn-media.be/graphics/bgRoundRed.gif) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-red p { margin-bottom:0px; } div.rounded-header-red h1, div.rounded-header-red h2, div.rounded-header-red h3, div.rounded-header-red h4, div.rounded-header-red h5, div.rounded-header-red h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgRoundRed.gif) left top no-repeat; } /* zwarte rand */ div.rounded-corners-black { background: url(http://assets.tn-media.be/graphics/bgRoundBlack.gif) right bottom no-repeat; display:block; } div.rounded-header-black { background: url(http://assets.tn-media.be/graphics/bgRoundBlack.gif) right top no-repeat; } div.rounded-content-black { background: url(http://assets.tn-media.be/graphics/bgRoundBlack.gif) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-black p { margin-bottom:0px; } div.rounded-header-black h1, div.rounded-header-black h2, div.rounded-header-black h3, div.rounded-header-black h4, div.rounded-header-black h5, div.rounded-header-black h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgRoundBlack.gif) left top no-repeat; } /* grijze rand */ div.rounded-corners-grey { background: url(http://assets.tn-media.be/graphics/bgRoundGrey.gif) right bottom no-repeat; display:block; } div.rounded-header-grey { background: url(http://assets.tn-media.be/graphics/bgRoundGrey.gif) right top no-repeat; } div.rounded-content-grey { background: url(http://assets.tn-media.be/graphics/bgRoundGrey.gif) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-grey p { margin-bottom:0px; } div.rounded-header-grey h1, div.rounded-header-grey h2, div.rounded-header-grey h3, div.rounded-header-grey h4, div.rounded-header-grey h5, div.rounded-header-grey h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgRoundGrey.gif) left top no-repeat; } /* grijze achtergrond */ div.rounded-corners-bggrey { background: url(http://assets.tn-media.be/graphics/bgBoxGrey.gif) right bottom no-repeat; display:block; } div.rounded-header-bggrey { background: url(http://assets.tn-media.be/graphics/bgBoxGrey.gif) right top no-repeat; } div.rounded-content-bggrey { background: url(http://assets.tn-media.be/graphics/bgBoxGrey.gif) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-bggrey p { margin-bottom:0px; } div.rounded-header-bggrey h1, div.rounded-header-bggrey h2, div.rounded-header-bggrey h3, div.rounded-header-bggrey h4, div.rounded-header-bggrey h5, div.rounded-header-bggrey h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgBoxGrey.gif) left top no-repeat; } /* grijze #eeeeee achtergrond */ div.rounded-corners-eee { background: url(http://graphics.tn-media.be/bgBigBox_eee.png) right bottom no-repeat; display:block; } div.rounded-header-eee { background: url(http://graphics.tn-media.be/bgBigBox_eee.png) right top no-repeat; } div.rounded-content-eee { background: url(http://graphics.tn-media.be/bgBigBox_eee.png) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-eee p { margin-bottom:0px; } div.rounded-header-eee h1, div.rounded-header-eee h2, div.rounded-header-eee h3, div.rounded-header-eee h4, div.rounded-header-eee h5, div.rounded-header-eee h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://graphics.tn-media.be/bgBigBox_eee.png) left top no-repeat; } /* dashed #ebebeb achtergrond */ div.rounded-corners-dashed_eb { background: url(http://graphics.tn-media.be/bgBigBox_dashed_eb.png) right bottom no-repeat; display:block; } div.rounded-header-dashed_eb { background: url(http://graphics.tn-media.be/bgBigBox_dashed_eb.png) right top no-repeat; } div.rounded-content-dashed_eb { background: url(http://graphics.tn-media.be/bgBigBox_dashed_eb.png) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-dashed_eb p { margin-bottom:0px; } div.rounded-header-dashed_eb h1, div.rounded-header-dashed_eb h2, div.rounded-header-dashed_eb h3, div.rounded-header-dashed_eb h4, div.rounded-header-dashed_eb h5, div.rounded-header-dashed_eb h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://graphics.tn-media.be/bgBigBox_dashed_eb.png) left top no-repeat; } div.rounded-content-wrapper h4.inlijn {background-color:white; display:inline; left:10px; padding:2px; position:relative; top:-18px;} div.rounded-content-wrapper-red h4.inlijn {background-color:white; display:inline; left:10px; padding:2px; position:relative; top:-18px;} div.rounded-content-wrapper-grey h4.inlijn {background-color:white; display:inline; left:10px; padding:2px; position:relative; top:-18px;} div.rounded-content-wrapper-bggrey h4.inlijn {background-color:white; display:inline; left:10px; padding:2px; position:relative; top:-18px;} div.rounded-content-wrapper h3 {overflow: hidden; width: 90%;} div.rounded-content-wrapper-red h3 {overflow: hidden; width: 90%;} div.rounded-content-wrapper-grey h3 {overflow: hidden; width: 90%;} div.rounded-content-wrapper-bggrey h3 {overflow: hidden; width: 90%;} /* Forms */ .FormAlert {color:#b00; font-size:10px; font-weight:bold; background:#ffedec url(http://assets.tn-media.be/graphics/BgError.gif) repeat; padding:2px; margin:2px; display:block;} .dropdown {color: #666; border: 1px solid #ccc; padding:1px; margin:0; font-size: 1em;} /* linken zonder lijn */ a.noline {text-decoration: none;} a.noline:hover {text-decoration: underline;} /* extra layout tables enzo */ .red{color:#cc0000;} .extramargintop{margin-top: 5px;} .extramarginbottom{margin-bottom: 5px;} .extramarginleft{margin-left: 5px;} .vert_middle{vertical-align: middle} /* televisie - a la carte */ .myBox {background-color: #FFFFFF; border: 1px solid #666666; float: left; padding: 0px; margin: 2px; margin-bottom: 20px; background:none; width: 60px;} .myBox2{color: #000; background-color: #DFDFDF; border: none; float: left; padding: 14px;height: 85px; width: 300px;margin-top: 2px; margin-right: 2px; margin-left: 20px;} .myBox3 {background-color:#FFFFFF; border:1px solid #FFC922; color:#000000; height:auto; margin:2px 2px 20px 0px; padding:14px; padding-top: 20px; width: 180px; } .myBox4 {background-color:#FFFFFF; border:1px solid #666666; width: 574px; color:#000000; height:auto; margin-top:2px; padding:14px; float: right;margin-bottom: 25px;} .myBox5 {color: #000; background-color: #FFFFFF; width: 134px; height: 176px; float: left; padding: 0px; margin-left: 0px; margin-right: 7px; margin-bottom: 15px;} .myBox6 {color: #000; background-color: #FFFFFF; width: 68px; height: 30px; float: right; border: 1px solid #666666; padding: 0px; margin-top: 8px; margin-bottom: 11px;} .myBox8 {width: 574px; background-color:#FFFFFF; border:1px solid #666666; color:#000000; margin-top:2px; padding:14px; float: right; margin-bottom: 25px;} .myBox9 {float:right; background-color:#DFDFDF; border:medium none; color:#000000; margin-left:0px; margin-right:0px; margin-top:2px; margin-bottom: 20px; padding:14px; width:430px; height: auto;} .myBoxtvtheek {color: #000; background-color: #FFFFFF; width: 134px; height: 176px; float: left; padding: 0px; margin-left: 0px; margin-right: 7px; margin-bottom: 15px; list-style: none;} .BoxLogoZenders {float:left; height:80px; width:90px;} #boxDetailZenders {float: left;} .BoxPriceTagTelevisie, .BoxPriceTagTelevisie .Locker {background-image: url(http://assets.tn-media.be/graphics/bgYellowPriceTag.gif);background-repeat:no-repeat;} .BoxPriceTagTelevisie{width:102px; background-position:right bottom; padding-bottom:8px; text-align:center; float:left; color:#666666; font-weight:bold; font-size:10px; margin-bottom:4px; line-height:12px;} .BoxPriceTagTelevisie .Locker{background-position:left top; background-repeat:no-repeat; display:block; padding-top:8px;} .BoxPriceTagTelevisie .txtLarge{font-size:17px; line-height:20px;} div#zenderpakket {position:relative; float:right;} div#zenderpakket ul {list-style-type: none; list-style-image: none; width: 100%; margin: 0; padding: 0;} div#zenderpakket li {position: relative; float: left; width: 60px; height: 34px;} div#zenderpakket ul li {background-image:none;} div#container_box {position: relative; overflow: visible;} div#maintitel_box {margin-top: -20px;} div#main_content {width: 100%; position: relative; overflow: visible;} div#selection_box_left {float: left; width: 173px; margin-top: 10px;} div#selected_box_item {float: right; width: 574px; margin-top: 10px;} div#txt_preview {float: left; margin-left: 24px; margin-top: 20px; font-weight: bold;} div#preview_movies {position: relative; float: right; width: 582px; margin-top: 10px; font-weight: bold;} div#visual_box {width: 504px; height: 196px; float: left;} div#nav_visuals {width: 70px; float: right; margin-left: 4px;} div#txt_all {position: absolute; left: 190px; top: 395px; margin-top: 10px; font-weight: bold;} div#list_all {position: absolute; left: 190px; top: 422px; margin-top: 10px; font-weight: bold; overflow: hidden;} div#select1 a {padding: 8px; text-align:center; text-decoration: none; display:block; font-size: 1.4em;} div#select2 a {padding: 8px; text-align:center; text-decoration: none; display:block; font-size: 1.4em;} div#select3 a {padding: 8px; text-align:center; text-decoration: none; display:block; font-size: 1.4em;} div#selectall a {padding: 2px; text-align:center; text-decoration: none; display:block; font-size: 1em;} .btn_select a {background-image: url(http://assets.tn-media.be/graphics/BtnArrowOnGrey.gif); background-repeat: no-repeat; display: block; padding: 5px; text-indent: 20px; background-position: 0px; text-decoration: none;} .btn_select a:hover, .btn_select a:active, .btn_select a.active {background-image: url(http://assets.tn-media.be/graphics/BtnArrowOnYellow.gif); background-repeat: no-repeat; display: block; padding: 5px; text-indent: 20px; background-position: 0px; text-decoration: none; color: #CC0000!important;} .logoBox {position: relative; z-index: 1; background: transparent url(http://assets.tn-media.be/graphics/box_zenderaanbod_logos.gif) no-repeat; border: none; margin:1px; float: left; width: 74px; height: 56px} .logoBoxFiller{position: relative; z-index: 2; padding-top: 11px; padding-left: 7px; padding-bottom: 11px; padding-right: 7px;} /* e-sales */ #orderform fieldset {border:none;padding:0px;margin:0px;} #orderform label {display:inline;} #orderform fieldset input {margin-left:10px;} #orderform fieldset h3,#orderform fieldset h4, #orderform fieldset p, #orderform fieldset input {padding-left:10px; padding-right:10px;} #orderform h3 {padding-top:70px;display:block;} #orderform fieldset .indent {padding-left:35px;} #orderform fieldset p input {padding-left:0px;margin-left:0px;} #orderform fieldset ul {padding-left:10px;} #orderform span {color:#CC0000;} #orderform fieldset .formBtnGrey input{margin: 0px; padding: 4px 10px 10px 0px;} div.flowline{background:url(http://assets.tn-media.be/graphics/bgFlowLineUlLeft.gif) top left no-repeat;padding-left:10px;} .flowline ul {background:url(http://assets.tn-media.be/graphics/bgFlowLineUl.gif) top right no-repeat;display:block;padding:0px 10px 0px 0px;margin:0;height:31px;overflow:hidden;} .flowline ul li{float:right;background:url(http://assets.tn-media.be/graphics/imgArrowFlow.gif) 80% 45% no-repeat;padding:0px 30px 0px 7px;height:31px;line-height:31px;} .linksgealigneerd ul li{float:left;} .flowline_visible ul li{padding:0px 15px 0px 2px;background-position:90% 45%;} .flowline ul li.last{background-image:none;padding-right:7px;} .flowline ul li.legend{color:white;font-weight:bold;padding:0;background-image:none;float:left;} #ContentPane .flowline ul li a{text-decoration:none;} .flowline ul li span{display:none;} .flowline_visible ul li span{display:inline;padding-right:16px;} .flowline_visible ul .active span{padding-right:0px;} .flowline_visible ul li{background:url(http://assets.tn-media.be/graphics/imgArrowFlow.gif) 100% 45% no-repeat;} .flowline_visible ul li b, .flowline_visible ul li b span{padding-right:0px;} .flowline ul li.active{padding:0px;background:url(http://assets.tn-media.be/graphics/bgFlowLineLinkLeft.jpg) -3px 0px no-repeat;padding-left:6px;} .flowline ul .active a, .flowline ul .active b{font-weight:bold;padding:0px;padding-right:27px;display:block;background:url(http://assets.tn-media.be/graphics/bgFlowLineArrow.gif) top right no-repeat;} .flowline ul .active span{display:inline;} .flowline ul .active_last a, .flowline ul .active_last b{padding-right:5px;background-image:url(http://assets.tn-media.be/graphics/bgFlowLineLinkRight.jpg);} .flowline ul .active a.last, .flowline ul .active b.last{padding-right:5px;background-image:url(http://assets.tn-media.be/graphics/bgFlowLineLinkRight.jpg);} /* Zenderpakketten */ .zenderpakkettenThumb{float: right; margin-top: 10px; margin-left: 10px} /* combopakketten */ .BoxPriceTagCombo, .BoxPriceTagCombo .Locker {background-image: url(http://assets.tn-media.be/graphics/bgYellowPriceTag.gif);background-repeat:no-repeat;} .BoxPriceTagCombo{width:102px; background-position:right bottom; padding-bottom:8px; text-align:center; float:left; color:#666666; font-weight:bold; font-size:10px; margin-bottom:4px; line-height:12px;} .BoxPriceTagCombo .Locker{background-position:left top; background-repeat:no-repeat; display:block; padding-top:8px;} .BoxPriceTagCombo .txtLarge{font-size:17px; line-height:20px;} .BoxPriceTagCombo{margin-top: -50px; margin-left: 10px; float: left; position: absolute; display: block;} .myBox10 {float:left; background-color:#DFDFDF; border:medium none; color:#000000; margin-left:0px; margin-right:0px; margin-top:2px; margin-bottom: 20px; padding:14px; width:182px;} .comboLeft{float: left; width: 385px;} .comboRight{float: right; display: inline-table;} #pakkettitle{float: right;} /* Televisie Home */ .TelevisieInbegrepen{float: left;background-color:#FFFFFF; border:1px solid #FFC922; color:#000000; height:auto; margin:2px 2px 20px 0px; padding:10px;width: 365px;} .BoxPriceTageInGrey{background:url(http://assets.tn-media.be/graphics/bgBoxPriceTageInWhite.gif); width:78px; height:32px; position:absolute; padding-top:4px; right:3px; top:3px; text-align:center; color:#666666!important; font-weight:bold;} .TvInList{float: left; width: 160px; } /*.TvInList ul.BtnArrow li{padding-top: 10px;}*/ .TvInLeft{float: left; display: block; width: 165px;} .TvInRight{float: left; margin-left: 15px; display: block; width: 165px;} .TvInRow{display: block; float: left;} .TvInHead .Locker{background-position:right bottom; display:block; padding:0px 0 4px 10px; margin:0;} .TvInHead, .TvInHead .Locker{background-repeat:no-repeat;} .TvInHead{width:165px; background-position:right top; text-align:left; float:right; margin-bottom:15px; padding-top:10px;} blink {text-decoration: inherit !important;} /* bestelflow */ .BringAttentionToPromo {color: red; font-weight: bold;} .BoxBorderHolderRed{width:573px;background: url(http://assets.tn-media.be/graphics/BoxBorderBottomRed.gif) left bottom no-repeat; padding-bottom:11px;} .BoxBorderTopRed{background: url(http://assets.tn-media.be/graphics/BoxBorderTopRed.gif) left bottom repeat-y;height:10px; padding:0 1px;} .BoxBorderMiddleRed{background: url(http://assets.tn-media.be/graphics/BoxBorderMiddleRed.gif) repeat-y; padding:0 1px;width:571px;overflow:hidden;} .formBtnRed {background: url(http://assets.tn-media.be/graphics/btnRedLeft.gif) top left no-repeat; height: 21px; margin :0px; padding : 0px 5px; float: left; } .formBtnRed input {display:block; height: 21px; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:white!important; margin: 0px; padding: 4px 10px 10px 0px; background : url(http://assets.tn-media.be/graphics/btnRed.gif) top right no-repeat; border: 0px;} #orderform fieldset .formBtnRed input{margin: 0px; padding: 4px 10px 10px 0px;} .bannerpage {width: 750px; float: none;} .bannerpage .banner120 {width: 300px; margin: 10px auto;} .bannerpage .banner160 {width: 300px; margin: 10px auto;} .bannerpage .banner180 {width: 350px; margin: 10px auto;} .bannerpage .banner234 {width: 234px; margin: 10px auto;} .bannerpage .banner250 {width: 550px; margin: 10px auto;} .bannerpage .banner300 {width: 650px; margin: 10px auto;} .bannerpage .banner468 {width: 468px; margin: 10px auto;} .bannerpage .banner500 {width: 550px; margin: 10px auto;} .bannerpage .banner630 {width: 680px; margin: 10px auto;} .bannerpage .banner728 {width: 728px; margin: 10px auto;} .bannerpage .bannerlinks { width: 50%; float: left; margin: 0 auto;} .bannerpage .bannerrechts { width: 50%; float: left; margin: 0 auto;} .BoxHolder219{display:block; float:right; width:219px; margin-left:14px; padding-bottom:15px;} ul li.sub{padding-bottom:5px; padding-left:14px; list-style:none; background: url(http://assets.tn-media.be/graphics/bgListGreyLight.gif) left 2px no-repeat;} /*-------------------------------------------------------------------------------------- Esales begin ----------------------------------------------------------------------------------------*/ #ContentContainer{width:573px;Padding-left:7px;float:left;overflow:hidden;} #RightContainer{float:right;width:181px;} .sumblock { text-align: left; display: block; padding-left: 16px; width: 500px } .sumblock a { text-decoration: none; font-weight: bold } .bottomLine {height: 1px; min-height: 1px; border-bottom: 1px solid #bfbfbf} .bottomLineLight {height: 1px; min-height: 1px; border-bottom: 1px solid #e4e4e4; clear:both;} /* -------------------------------------------- pages 'samenstellen' -------------------------------------------- */ #hide_userknown {padding-left: 25px; margin-top: 10px} .alignRight {text-align: right} .actionTable {width: 465px;margin: 0; padding: 0} .actionTableLeft {width: 108px} .actionTableMid {width: 110px} .actionTableRight {width: 247px; padding-top: 11px} .width90{width: 90px} .width80{width: 80px} .blackColour {color: #000000} .leftMargin12 {margin-left: 12px} .bottomLineLight520 {margin-left: 13px; width: 520px} .bigText {font-size: 15px; font-weight: bold; line-height: 24px} .redColour {color: #cc0001} .productTitle {color: #000000;font-size: 14px; font-weight: bold} .productSubtitle {color: #a8a8a8; font-size: 12px} .productPrice {font-weight: bold; font-size: 14px; color: #cc0001} .productHighlight {color: #cc0001; font-weight: bold} .optionsHeading {height: 31px; background: #d7d7d7; color: #000000; font-weight: bold; font-size: 10px} .optionsHeading1 {width: 336px; text-align: left; padding-left: 20px} .optionsHeading1b {width: 181px; text-align: left; padding-left: 20px} .optionsHeading2 {width: 119px; text-align: center} .optionsHeading2b {width: 293px;text-align: left; padding-left: 20px} .optionsHeading3 {width: 84px; text-align: center} .optionsHeading3b {width: 95px; text-align: left; padding-left: 20px} .optionsSpacing {width: 1px; height: 1px; background: #ffffff} *html .optionsSpacingSpec {width: 1px; height: 1px; background: #ffffff} .optionsSpacingSpec {width: 2px; height: 1px; background: #ffffff} .optionsSpacing6 {width: 1px; height: 6px; background: #ffffff} .optionsSpacing12 {width: 1px; height: 12px; background: #ffffff} .optionsSpacing13 {width: 1px; height: 13px; background: #ffffff} .optionsSpacing16 {width: 1px; height: 16px; background: #ffffff} .optionsLine {width: 1px; height: 1px; background: #e0e0e0} .optionsLine2 {height: 12px; background: #f5f5f5} .optionsCol1 {width: 30px; background: #ffffff; text-align: left; padding-left: 20px} .optionsCol2 {width: 77px; background: #ffffff; color: #000000; text-align: left; font-weight: bold; font-size: 10px} .optionsCol3 {width: 230px; background: #ffffff} .optionsCol4 {width: 119px; background: #ffffff; color: #666666;} .optionsCol5 {width: 84px; background: #ffffff;} .optionsSubtitle {height: 23px; background: #ffcc00; color: #000000; text-align: left; font-weight: bold; font-size: 11px; padding-left: 20px} .optionsInstallCol1 {width: 37px; height: 31px; padding-right: 9px; background: #ffffff; text-align: right} .optionsInstallCol2 {height: 31px; width: 144px; background: #ffffff; color: #666666; text-align: left; font-weight: bold; font-size: 10px} .optionsInstallCol3 {padding-right: 20px; height: 31px; width: 293px; background: #f5f5f5; color: #666666; text-align: left; font-size: 10px; padding-left: 20px} .optionsInstallCol4 {height: 31px; width: 95px; background: #ffffff;} .optionsInstallCol1b {width: 182px; height: 25px; background: #ffffff} .optionsInstallCol2b {width: 389px; background: #ffcc00; height: 25px; padding-left: 20px; color: #000000; font-size: 10px; font-weight: bold} .optionsInstallCol2c {width: 389px; background: #ffffff; height: 25px; padding-left: 20px; color: #000000; font-size: 10px; font-weight: bold} .optionsInstallSubTitle {color: #000000; font-size: 10px} .optionsInstallCol1bLine {width: 182px; height: 2px; background: #ffffff} .optionsInstallCol2bLine {width: 389px; background: #a9a9a9; height: 2px} .optionsInstallColA {width: 118px; background: #ffffff; padding-top: 10px; padding-bottom: 10px; color: #000000; font-size: 10px; font-weight: bold} .optionsInstallColB {width: 271px; background: #ffffff; padding-top: 10px; padding-bottom: 10px; color: #666666; font-size: 10px} .optionsInstallColC {height: 1px; background: #a9a9a9} .optionsInstallOldPrice {color: #cc0001; text-decoration: line-through} .optionsVink {font-size: 10px; font-weight: normal; color: #666666} .optionsProductsHeading1 {width: 371px; text-align: left; padding-left: 20px} .optionsProductsHeading2 {width: 103px; text-align: center} .optionsProductsHeading3 {width: 95px; text-align: center} .optionsProductsHeadingSpace1 {height: 10px; width: 371px; background: #ffffff} .optionsProductsHeadingSpace1b {padding-left: 20px; color: #666666; font-size: 10px} .optionsProductsHeadingSpace2 {height: 10px; width: 1px; background: #e0e0e0} .optionsProductsHeadingSpace3 {height: 10px; width: 103px; background: #f9f9f9} .optionsProductsHeadingSpace3b {color: #cc0001; font-weight: bold; text-align: center} .optionsProductsHeadingSpace4 {height: 10px; width: 95px; background: #ffffff} .optionsProductsHeadingSpace4b {color: #666666; text-align: center; font-size: 11px;} .optionsOut {background: #e1e1e1} .optionsTextOut {color: #a4a4a4} /* -------------------------------------------- pages 'overzicht' -------------------------------------------- */ .overviewBlocktitle {color: #000000; font-size: 15px; font-weight: bold; line-height: 24px; padding-left: 20px; padding-right: 20px} .alignCenter {text-align: center} .overviewSection {background: #f9f9f9; height: 28px; color: #6f6f6f; font-size: 12px; font-weight: bold; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #6f6f6f; padding-left: 24px} .overviewCol0 {padding-bottom: 3px; width: 50px; background: #ffffff; text-align: right} .overviewCol1 {padding-bottom: 3px; width: 60px; background: #ffffff; text-align: right} .overviewCol2 {padding-bottom: 3px; width: 364px; background: #ffffff; color: #666666; font-size: 11px; font-weight: bold; padding-top: 5px} .overviewCol3 {padding-bottom: 3px; width: 147px; background: #ffffff; text-align: right; padding-right: 25px; color: #666666; font-size: 11px; padding-top: 10px} .overviewColA {width: 46px; background: #ffffff; height: 1px} .overviewColB {width: 525px; background: #999999; height: 1px} .icoon_uitleg_plus{float:left;padding:10px 0 0 10px;color: #cc0001; font-weight: bold; width:100px;} *html #overview_space{height:1px;} #overview_space{height:10px;} /* Rounded corners JQuery */ .AfgerondeHoeken_WitMetGeleRand, .AfgerondeHoeken_WitMetZwarteRand, .AfgerondeHoeken_WitMetGrijzeRand {background: #ffffff;} .AfgerondeHoeken_GeleRand {background: #f8cf44; padding: 1px;} .AfgerondeHoeken_ZwarteRand {background: #000000; padding: 1px;} .AfgerondeHoeken_GrijzeRand {background: #c1c1c1; padding: 1px;} .AfgerondeHoeken_Grijs {background-color: #E6E4E4; color: #606060;} .AfgerondeHoeken_Rood {background-color: #E3000B; color: white;} .AfgerondeHoeken_Rood a{text-decoration: none; color: white;} .AfgerondeHoeken_Rood a:hover{text-decoration: underline; color: white;} .AfgerondeHoeken_GeelBG {background-color: #FFD100; color: #303030;} a.onderlijndetekstonhover {text-decoration: none;} a.onderlijndetekstonhover:hover {text-decoration: underline;} /* Tooltip JQuery */ #Container1007 .tooltip { border: none; background-color: transparent; width: auto; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #FC0; background-color: #fff; padding: 5px; opacity: 1; -moz-border-radius:5px; -webkit-border-radius:5px; } #tooltip h3, #tooltip div { margin: 0; } /* Loadingbox bij order */ #LoadingBoxAfterOrder {top: 50%; left: 50%; width: 400px; height: 200px; margin-left: -200px; margin-top: -100px; z-index: 6000; position: fixed; display: none;} * html #LoadingBoxAfterOrder {position:absolute;} /* IE6 */ .trashcan:hover {background-image:url(http://images.tn-media.be/shop/images/del_red.jpg);} .trashcan {background-image:url(http://images.tn-media.be/shop/images/del_grey.jpg); display:inline-block; height:16px; margin:5px 2px 5px 0; vertical-align:middle;width:16px;} div.grayborder {background-image: url("http://graphics.tn-media.be/bggrayborder775x500.gif"); width: 773px; padding: 0px; background-position: bottom center; background-repeat: no-repeat; padding-bottom: 8px; overflow: auto;} div.grayborder div.grayborder {background-image: url("http://graphics.tn-media.be/bggrayborder775x500.gif"); width: 743px; margin: 0px; padding: 10px 15px; background-position: top center; background-repeat: no-repeat; } .rodeknop {background:url(http://graphics.tn-media.be/internet2010/inetOrderSmall.png) no-repeat; color:white; text-align:center; display:block; width:104px; height:27px; line-height:20px; text-decoration:none; font-weight:bold; } .rodeknop:hover {color:white; cursor:pointer; } .rodeknop.nohover:hover {cursor:default; } .grijzeknop {background:url(http://graphics.tn-media.be/internet2010/inetOrderGrey.png) no-repeat; color:#000000; text-align:center; display:block; width:139px; height:27px; line-height:27px; text-decoration:none; font-weight:bold; } ul.checkboxenlist {list-style: none;} ul.checkboxenlist li {list-style: none; background: none;} ul.checkboxenlist li a, ul.checkboxenlist li span {text-decoration: none; margin: 10px 0 0 0; padding-left: 25px; background: url(http://images.tn-media.be/promo_assets//sprite.jpg) no-repeat -69px 1px; outline: none; padding-bottom: 5px; zoom: 1; } ul.checkboxenlist li a.enabled, ul.checkboxenlist li span.enabled { background-position: -69px -19px; } ul.checkboxenlist li a.disabled, ul.checkboxenlist li span.disabled { background-position: -69px 1px; } ul.horizontallist li {float: left;} ul.resultlist li {list-style: none; background: none;} .promostrongred {color: #e3000b; font-weight: bold !important; width: 100% !important;} .promostrongred a{color: #e3000b !important; font-weight: bold;} ul.resultlist li {list-style: none; background: none;} .roodisrood a {color:#e3000b;} a.question_grey {width:10px !important;height:10px;text-indent:-999px;overflow:hidden;background-image:url(http://graphics.tn-media.be/ico_question_grey.png);display:inline-block;} a.question_yellow {width:10px !important;height:10px;text-indent:-999px;overflow:hidden;background-image:url(http://graphics.tn-media.be/ico_question_yellow.png);display:inline-block;} a.bestelknopRed {background: url(http://graphics.tn-media.be/Shakes2010/bg_overzicht_redbutton.png) no-repeat top left; width: 102px; height: 20px; text-align: center; font-size: 11px; line-height: 13px; color: #ffffff; font-weight: bold; display: block; text-decoration: none; padding-top: 7px;} a.bestelknopRed:hover{text-decoration: none; color: #ffffff;} div.inethp_voorwaarden {padding-top:20px;width:750px;clear:both;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#9f9f9f;} div.inethp_voorwaarden h3 {color:#3e3e3e;margin:0px 0px 15px 0px;font-weight:normal;text-decoration:underline;font-size:12px;} div.inethp_voorwaarden h3 a {color:#3e3e3e;margin:0px 0px 15px 0px;font-weight:normal;text-decoration:underline;font-size:12px;} .promotekst {color: #e3000b; font-weight: bold;} .tarieventabel2010 {width: 100%;} .tarieventabel2010 td {border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 8px;} .tarieventabel2010 tr {vertical-align: top;} .tarieventabel2010 tr.noborderhere td {border: none;} .tarieventabel2010 col.meestgekozen {background-color: #ececec;} .tarieventabel2010 thead td.meestgekozen {color: #e3000b; text-align: center; font-size: 15px; font-variant: small-caps; font-weight: bold; background: url(http://graphics.tn-media.be/whitecorner5x5_right.png) #ececec top right no-repeat;padding: 0; border-bottom: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff; border-top: none;} .tarieventabel2010 thead td.meestgekozen div{width: 100%; padding: 0; margin: 0; background: url(http://graphics.tn-media.be/whitecorner5x5_left.png) top left no-repeat;} .tarieventabel2010 thead td.meestgekozen div span{display: block; padding: 10px 0 3px 0;} .tarieventabel2010 tfoot td.meestgekozen {padding: 0; background: #ffffff; height: 18px;} .tarieventabel2010 tfoot td.meestgekozen .arrowbottomleft {padding: 0; width: 100%; height: 100%; background: url(http://graphics.tn-media.be/arrow_meestverkocht_left.png) bottom left no-repeat;} .tarieventabel2010 tfoot td.meestgekozen .arrowbottomright {padding: 0; width: 100%; height: 100%; background: url(http://graphics.tn-media.be/arrow_meestverkocht_right.png) bottom right no-repeat;} .tarieventabel2010 td.meestgekozen, .tarieventabel2010 tr.firstrow td.meestgekozen {border-bottom: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff; border-top: none; font-weight: bold;} .tarieventabel2010 td {text-align: center;} .tarieventabel2010 td.firstcolumn {text-align: left; font-weight: bold;} .tarieventabel2010 tr.firstrow td {border-top: 1px solid #e3e3e3;} .tarieventabel2010 tr.firstrow td.firstcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat top left; border: none; border-bottom: 1px solid #e3e3e3;} .tarieventabel2010 tr.firstrow td.lastcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat top right; border: none; border-bottom: 1px solid #e3e3e3;} .tarieventabel2010 tr.lastrow td.firstcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat bottom left; border: none;} .tarieventabel2010 tr.lastrow td.lastcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat bottom right; border: none;} .tarieventabel2010 tr td.lastcolumn {border-right: 1px solid #e3e3e3;} .tarieventabel2010 tr td.columnnexttomeestgekozen {border-left: none;} .tarieventabel2010 .PriceTag{background-image: url(http://graphics.tn-media.be/bgPricetag_tarieventabel2010.png);background-repeat:no-repeat; width:99px; height: 32px; padding-bottom:8px; text-align:center; color:#666666; font-weight:bold; font-size:10px;margin: auto; margin-bottom:8px; padding-top: 7px; line-height:12px;} .tarieventabel2010 .PriceTag .txtLarge{font-size:17px; line-height:20px;} label.error{color: #e3000b !important;} .OrderSomethingSmallButton{background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_small2.png); background-position: left top; background-repeat: no-repeat; width: 84px; height: 26px; padding: 0 21px 0 10px; margin: 0; display: inline-block; text-align: left; color: #ffffff; font-family: CooperStdBlack; font-size: 12px; line-height: 26px; border: none; text-decoration: none; cursor: pointer;} .OrderSomethingSmallButton:hover {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingSmallButton:focus {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingButton{background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_big.png); background-position: left top; background-repeat: no-repeat; width: 125px; height: 30px; padding: 0 29px 0 10px; margin: 0; display: inline-block; text-align: left; color: #ffffff; font-family: CooperStdBlack; font-size: 17px; line-height: 30px; border: none; text-decoration: none; cursor: pointer;} .OrderSomethingButton:hover {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingButton:focus {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingButtonBasket{background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_basket.png); background-position: left top; background-repeat: no-repeat; width: 132px; height: 30px; padding: 0 24px 0 10px; margin: 0; display: inline-block; text-align:left; color: #ffffff; font-family: CooperStdBlack; font-size: 17px !important; font-weight: bold; line-height: 30px !important; border: none; text-decoration: none; cursor: pointer;} .OrderSomethingButtonBasket:hover {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingButtonBasket:focus {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingBigButton{background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_extrabig.png); background-position: left top; background-repeat: no-repeat; width: 266px; height: 30px; padding: 0 24px 0 10px; margin: 0; display: inline-block; text-align:left; color: #ffffff; font-family: CooperStdBlack; font-size: 17px; font-weight: bold; line-height: 30px; border: none; text-decoration: none; cursor: pointer;} .OrderSomethingBigButton:hover {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingBigButton:focus {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingFlexButton{background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_extrabig.png); background-position: left top; background-repeat: no-repeat; height: 30px; padding: 0 0 0 10px; margin: 0; display: inline-block; text-align:left; color: #ffffff; font-family: CooperStdBlack; font-size: 17px; font-weight: bold; line-height: 30px; border: none; text-decoration: none; cursor: pointer;} .OrderSomethingFlexButton:hover {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingFlexButton:focus {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingFlexButton span{background-color: #ffffff; background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_flex.png); background-position: right top; background-repeat: no-repeat; height: 30px; padding-right: 28px; margin: 0; display: inline-block; border: none;cursor: pointer;} .OrderSomethingFlexButton:hover span {background-position: right bottom;} .OrderSomethingFlexButton:focus span {background-position: right bottom;} .OrderSomethingButton250{background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_250.png); background-position: left top; background-repeat: no-repeat; width: 216px; height: 30px; padding: 0 24px 0 10px; margin: 0; display: inline-block; text-align:left; color: #ffffff; font-family: CooperStdBlack; font-size: 17px !important; font-weight: bold; line-height: 30px !important; border: none; text-decoration: none; cursor: pointer;} .OrderSomethingButton250:hover {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingButton250:focus {background-position: left bottom; color: #ffffff; text-decoration: none;} .vergelijktabel2010 {width: 100%;} .vergelijktabel2010 td {border-bottom: 1px solid #e3e3e3; padding: 8px 5px;} .vergelijktabel2010 td.centreertekstincel {text-align: center;} .vergelijktabel2010 tr td.firstcolumn {vertical-align: top; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;} .vergelijktabel2010 tr td.lastcolumn {border-right: 1px solid #e3e3e3;} .vergelijktabel2010 tr.noborderhere td {border: none;} .vergelijktabel2010 td.meestgekozen {background-color: #ececec;} .vergelijktabel2010 tr.firstrow td.meestgekozen {border-top: 1px solid #ececec;} .vergelijktabel2010 thead td.meestgekozen {color: #e3000b; text-align: center; font-size: 13px; font-variant: small-caps; font-weight: bold; background: url(http://graphics.tn-media.be/whitecorner5x5_right.png) #ececec top right no-repeat;padding: 0; /*border-bottom: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff; border-top: none;*/} .vergelijktabel2010 thead td.meestgekozen div{width: 100%; padding: 0; margin: 0; background: url(http://graphics.tn-media.be/whitecorner5x5_left.png) top left no-repeat;} .vergelijktabel2010 thead td.meestgekozen div span{display: block; padding: 10px 0 3px 0;} .vergelijktabel2010 td {text-align: center;} .vergelijktabel2010 td.firstcolumn {text-align: left;} .vergelijktabel2010 td.firstcolumn p {font-size: 11px; color: #8a8a8a;} .vergelijktabel2010 tr.firstrow {vertical-align: top;} .vergelijktabel2010 tr.firstrow td {border-top: 1px solid #e3e3e3;} .vergelijktabel2010 tr.firstrow td.firstcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat top left; border: none; border-bottom: 1px solid #e3e3e3;} .vergelijktabel2010 tr.firstrow td.secondcolumn {border-left: none;} .vergelijktabel2010 tr.firstrow td.lastcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat top right; border: none; border-bottom: 1px solid #e3e3e3;} .vergelijktabel2010 tr.lastrow td.firstcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat bottom left; border-bottom:medium none; border-left:medium none;} .vergelijktabel2010 tr.lastrow td.lastcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat bottom right; border: none;} .vergelijktabel2010 tr.noborderbottom td {border-bottom: none;} .vergelijktabel2010 tr td.lastcolumn {border-right: 1px solid #e3e3e3;} .vergelijktabel2010 tr td.columnnexttomeestgekozen {border-left: none;} .vergelijktabel2010 p.rodetekst {color: #e3000b;} .vergelijktabel2010 td p {padding: 0; margin: 0;} .vergelijktabel2010 .PriceTag{background-image: url(http://graphics.tn-media.be/bgPricetag_vergelijktabel2010.png);background-repeat:no-repeat; width:99px; height: 29px; padding-bottom:8px; text-align:center; color:#606060; font-size:9px;margin: auto; margin-bottom:8px; padding-top: 7px; line-height:11px;} .vergelijktabel2010 .PriceTag .txtLarge{font-size:18px; line-height:20px; font-weight: bold;} .vergelijktabel2010 a.BtnArrowOnGrey {text-decoration: none; display: inline; font-size: 12px; line-height: 15px; background-position: center left;} .vergelijktabel2010 p.paddingbestelknop {padding-top: 10px;} .vergelijktabel2010 p.titelbeschrijving {padding-top: 10px; color: #8c8c8c; font-size: 10px;} #DetailPageCol {overflow: hidden; width: 100%;} #DetailPageColLeft{float:left; width:580px;} #DetailPageColRight {float: left; width: 183px; margin-left: 10px;} .DetailPageYellowBottom {width: 580px; background: url(http://graphics.tn-media.be/detailpage/bg_yellowBox_bottom.png) bottom left no-repeat;} .DetailPageYellowTop {width: 580px; background: url(http://graphics.tn-media.be/detailpage/bg_yellowBox_top.png) bottom left no-repeat; overflow: hidden; height: 65px;} .DetailPageTitle {float: left; width: 400px; padding: 30px 0 0 20px;} .DetailPagePrice {float: left; width: 130px; padding-left: 8px; padding-top: 10px; font-size: 10px; font-weight: bold; text-align: center; line-height: 12px;} .DetailPagePrice span {font-size: 26px; line-height: 28px;} .DetailPagePromo {width: 580px; text-align: center; padding-bottom: 6px;} .DetailPagePromo2 {width: 580px; padding-bottom: 6px;} .DetailPagePromo2 ul {margin: 0 15px;} .DetailPagePromo2 ul li {padding-left: 0; background: none; list-style: disc;} .DetailPageGreyTop {width: 580px; background: url(http://graphics.tn-media.be/detailpage/bg_greyBox_top2.png) bottom left no-repeat; overflow: hidden; height: 48px;} .DetailPageGreyTop_old {width: 580px; background: url(http://graphics.tn-media.be/detailpage/bg_greyBox_top.png) bottom left no-repeat; overflow: hidden; height: 40px;} .DetailPageGreyBottom {width: 580px; background: url(http://graphics.tn-media.be/detailpage/bg_greyBox_bottom.png) bottom left no-repeat; margin-top: 10px; padding-bottom: 10px;} .WidePageGreyTop {width: 770px; background: url(http://graphics.tn-media.be/widepage/bg_greyBox_top2.png) bottom left no-repeat; overflow: hidden; height: 48px;} .WidePageGreyTop_old {width: 770px; background: url(http://graphics.tn-media.be/widepage/bg_greyBox_top.png) bottom left no-repeat; overflow: hidden; height: 40px;} .WidePageGreyBottom {width: 770px; background: url(http://graphics.tn-media.be/widepage/bg_greyBox_bottom.png) bottom left no-repeat; margin-top: 10px; padding-bottom: 20px;} .WidePageYellowBottom {width: 770px; background: url(http://graphics.tn-media.be/widepage/bg_yellowBox_bottom.png) bottom left no-repeat;} .WidePageYellowTop {width: 770px; background: url(http://graphics.tn-media.be/widepage/bg_yellowBox_top.png) bottom left no-repeat; overflow: hidden; height: 65px;} #navigationdetailpage2011 ,#navigationdetailpage {overflow: hidden; width: 100%; margin: 0; padding: 0; height: 48px;} #navigationdetailpage2011 li, #navigationdetailpage li {float: left; display: block; background: url(http://graphics.tn-media.be/detailpage/tab_inactive_right.png) no-repeat right top; padding: 0; margin: 0; padding-right: 12px; height: 48px;} #navigationdetailpage2011 li.greytab, #navigationdetailpage li.greytab {float: right; background: url(http://graphics.tn-media.be/detailpage/tab2_inactive_left.png) no-repeat left top; padding-left: 12px; padding-right: 0;} #navigationdetailpage2011 li.greytab.active, #navigationdetailpage li.greytab.active {padding-left: 0; padding-right: 12px;} #navigationdetailpage2011 li.greytab a, #navigationdetailpage li.greytab a {float: left; display: block; background: url(http://graphics.tn-media.be/detailpage/tab2_inactive_right.png) no-repeat right top; color: #ffffff; padding-left: 0; padding-right: 12px;} #navigationdetailpage2011 li.greytab.active a, #navigationdetailpage li.greytab.active a {padding-left: 12px; padding-right: 0;} #navigationdetailpage2011 li.greytab.last a, #navigationdetailpage li.greytab.last a {background: url(http://graphics.tn-media.be/detailpage/tab2_inactive_last.png) no-repeat right top;} #navigationdetailpage2011 li.greytab.last.active a, #navigationdetailpage li.greytab.last.active a {background: url(http://graphics.tn-media.be/detailpage/tab_active_left2.png) no-repeat left top;} #navigationdetailpage2011 li a, #navigationdetailpage li a {float: left; display: block; background: url(http://graphics.tn-media.be/detailpage/tab_inactive_left.png) no-repeat left top; padding-left: 12px; line-height: 48px; color:#555555; font-size:12px; text-decoration:none; font-weight: normal;} #navigationdetailpage2011 li.first a, #navigationdetailpage li.first a {background: url(http://graphics.tn-media.be/detailpage/tab_inactive_first.png) no-repeat left top; padding-left: 8px;} #navigationdetailpage2011 li.active.first a, #navigationdetailpage li.active.first a {background: url(http://graphics.tn-media.be/detailpage/tab_active_first2.png) no-repeat left top;} #navigationdetailpage2011 li.active.last, #navigationdetailpage li.active.last {background: url(http://graphics.tn-media.be/detailpage/tab_active_last2.png) no-repeat right top;} #navigationdetailpage2011 li.active, #navigationdetailpage li.active {background: url(http://graphics.tn-media.be/detailpage/tab_active_right2.png) no-repeat right top; } #navigationdetailpage2011 li.active a, #navigationdetailpage li.active a {background: url(http://graphics.tn-media.be/detailpage/tab_active_left2.png) no-repeat left top;font-weight: bold; color: #f26534;} #navigationdetailpage2011 span.duallinetext, #navigationdetailpage span.duallinetext {display: block; line-height: 20px;} #FieldTab {width: 550px; padding: 15px;} .WidePageGreyBottom #FieldTab {width: 740px;} .WidePageGreyBottom #FieldTab.tabled {width: 768px; padding: 15px 1px;} #FieldTab ul.vinkjes {padding:7px 0 7px 10px;} #FieldTab ul.vinkjes li {background: url(http://graphics.tn-media.be/detailpage/li_vinkje.png) no-repeat left top; padding-bottom:10px; padding-left:20px;} #FieldTab .FieldTabInterTitle {padding: 5px; color: #242424; margin: 0;} #FieldTab .FieldTabInterBlock {border-bottom: 1px solid #e6e5e5; padding: 5px;} #FieldTab .FieldTabInterBlockLast {padding: 5px;} a.onlyalineonhover {text-decoration: none;} a.onlyalineonhover:hover {text-decoration: underline;} .bg_fieldblock_left{position: relative; background: url(http://graphics.tn-media.be/detailpage/bg_fieldblock_left.jpg) no-repeat scroll 0% 0% transparent; width: 549px;} .bg_fieldblock_right{position: relative; background: url(http://graphics.tn-media.be/detailpage/bg_fieldblock_right.jpg) no-repeat scroll 0% 0% transparent; width: 549px;} /* Movieoverlayer */ .SboxContainerMovie {width: 943px; height: 620px;} .SboxContainerMovieBlock {width: 943px; height: 432px; overflow: hidden;} .SboxContainerMoviePromo {width: 159px; float: left; margin-right: 16px;} .SboxContainerMoviePlayer {width: 768px; height: 432px; float: left; background: url(http://graphics.tn-media.be/homepage/overlayer_movie_default.png) center center;} .SboxContainerMovieRelated {width: 943px; height: 174px; margin-top: 11px; overflow: hidden; background-image: url(http://graphics.tn-media.be/homepage/overlayer_bg_related.png);} .SboxContainerMovieRelatedText {width: 175px; float: left; text-align: right; font-size: 20px; line-height: 22px; color: #6d6e71; margin: 7px 0 8px;} .SboxContainerMovieRelatedCarrousel {width: 767px; float: left; height: 159px; margin: 7px 0; overflow: hidden;} .SboxContainerMovieRelatedCarrouselPrevious {width: 22px; height: 100%; margin-right: 5px; float: left;} .SboxContainerMovieRelatedCarrouselPrevious img {margin-top: 40px;} .SboxContainerMovieRelatedCarrouselNext {width: 22px; height: 100%; margin-left: 5px; float: left;} .SboxContainerMovieRelatedCarrouselNext img {margin-top: 40px;} .SboxContainerMovieRelatedCarrouselBody {width: 712px; height: 159px; float: left; overflow: hidden; position: relative; } .SboxContainerMovieRelatedCarrouselBody .Overlayer_Carrousel {overflow: hidden; margin-bottom: -9999px; margin-right: -9999px;} .SboxContainerMovieRelatedCarrouselBody ul {list-style-type: none; margin: 0; padding: 0; position: relative; width: 9999px;} .SboxContainerMovieRelatedCarrouselBody ul li {float: left; background: none; padding: 0; width: 178px; height: 159px;} .SboxContainerMovieRelatedCarrouselBody ul li.active{background-image:url(http://graphics.tn-media.be/homepage/overlayer_bg_related_active.png); padding: 0;} /* end Movieoverlayer */ #shoppingbasket del {text-decoration: line-through;} #shoppingbasket sup {font-size: 70%;} #shoppingbasket {width: 183px; font: 11px Verdana,Arial,Helvetica,sans-serif; line-height: 1.2; padding-bottom: 10px; margin-bottom: 10px;} #shoppingbasket p {font: 11px Verdana,Arial,Helvetica,sans-serif; line-height: 1.2;} #shoppingbasket #sbTop {background: url(http://graphics.tn-media.be/shoppingbasket/greentop.png) no-repeat top left; height: 30px; font-family: BreuerTextBold; font-size: 16px; line-height: 30px; color: #ffffff; padding: 0 8px; width: 167px; overflow: hidden;} #shoppingbasket div.greybox {background: url(http://graphics.tn-media.be/shoppingbasket/greybox.png) top left; height: 30px; font-family: BreuerTextBold; font-size: 13px; line-height: 30px; padding: 0 8px; width: 167px; overflow: hidden;} #shoppingbasket div.sbContent {background: url(http://graphics.tn-media.be/shoppingbasket/greyborder.png) top left; padding: 4px 8px 12px; width: 167px;} #shoppingbasket div.sbContentButton {background: url(http://graphics.tn-media.be/shoppingbasket/greyborder.png) top left; padding: 0 8px; width: 167px; overflow: hidden;} #shoppingbasket .sbClearingBox {width: 100%; overflow: hidden; padding: 8px 0;} #shoppingbasket div.sbContent .sbFirstBlock {width: 117px; float: left;} #shoppingbasket div.sbContent .sbSecondBlock {width: 50px; float: left; text-align: right;} #shoppingbasket div.sbContent .sbPromoBlock {width: 167px; float: none; color: #f7942f; overflow: hidden;} #shoppingbasket div.sbContent .sbPromoBlock a {color: #f7942f;} #shoppingbasket .dottedbottomgreyline {background: url(http://graphics.tn-media.be/shoppingbasket/dottedbottomgreyline.png) no-repeat top left;} #shoppingbasket .sbSecondBlock.basket_prod_options {margin-top: 6px;} #shoppingbasket div.basket_prod_options h3 {font-family: BreuerTextBold; font-size: 13px; padding-top: 0;} /* online voordeelpagina */ .rb { background: none repeat scroll 0 0 transparent; float: left; padding-right: 5px; padding-top: 15px; position: relative; width: 181px; } .xtop, .xbottom { background: none repeat scroll 0 0 transparent; display: block; font-size: 1px; } .xtop { padding-top: 7px; } .xb1, .xb2, .xb3, .xb4 { display: block; overflow: hidden; } .xb1, .xb2, .xb3 { height: 1px; } .xb2, .xb3, .xb4 { background: none repeat scroll 0 0 #F7F7F7; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } .xb1 { background: none repeat scroll 0 0 #CCCCCC; margin: 0 5px; } .xb2 { border-width: 0 2px; margin: 0 3px; } .xb3 { margin: 0 2px; } .xb4 { height: 2px; margin: 0 1px; } .xtop .xb2, .xtop .xb3, .xtop .xb4 { background: none repeat scroll 0 0 #E6E6E6; } .rbcontent { background: url("http://graphics.tn-media.be/onlinebestellen/rbcontent_gradient_bg.png") repeat-x scroll center top #F7F7F7; border-color: #CCCCCC; border-style: solid; border-width: 0 1px; color: black; height: auto !important; min-height: 330px; padding: 10px; text-align: center; } .rbcontent a { color: #606060; } .rbcontent .title { color: #606060; font-weight: bold; } .rbcontent .subtitle { color: #E3000B; font-weight: bold; } .rbcontent .maintext { color: #606060; font-size: 11px; text-align: left; } .mousebox .logo { background: url("http://graphics.tn-media.be/onlinebestellen/mouse_logo.png") no-repeat scroll 0 transparent; float: left; height: 48px; width: 44px; } .mousebox .text { float: left; height: 50px; overflow: visible; padding-left: 5px; padding-top: 4px; text-align: left; width: 100px; } .socialmediabox .logo { background: url("http://graphics.tn-media.be/onlinebestellen/socialmedia_logo.png") no-repeat scroll 0 transparent; float: left; height: 40px; width: 54px; } .socialmediabox .text { float: left; height: 50px; overflow: visible; padding-left: 5px; padding-top: 4px; text-align: left; width: 100px; } .mousebox .mobile_text { float: left; padding-left: 5px; padding-top: 6px; text-align: left; width: 100px; } .bt_box .logo { background: url("http://graphics.tn-media.be/onlinebestellen/bluetooth.png") no-repeat scroll 0 transparent; float: left; height: 60px; width: 54px; } .bt_box .text { float: left; padding-left: 8px; padding-top: 4px; text-align: left; width: 97px; } .super { font-size: 7px; padding-left: 2px; vertical-align: super; } .linkbox .greylink a { color: #606060; font-size: 11px; font-weight: bold; } .linkbox a { text-align: left; } .linkbox .greylink a:hover { color: #606060; font-size: 11px; font-weight: bold; text-decoration: underline; } .last { border-right: 0 none; padding-right: 0; } /*new rounded corners*/ .walkthelegalline {border-bottom: solid 1px #d6d6d6; padding-bottom: 10px; margin-bottom: 10px; } .dotthelegaltext {background: url(http://assets.tn-media.be/graphics/bgListRed.gif) no-repeat scroll 0 3px transparent; padding-left: 10px; padding-bottom: 5px;} .linkthelegaltitle{cursor: pointer; text-decoration: underline;} .container_rounded_f5f5f5_fulla {position:relative; margin:0px auto; min-width:8em; max-width:770px; z-index:1; margin-left:20px; margin-bottom:20px;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fullb, .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fullc1, .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1, .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1 div {background:transparent url(http://graphics.tn-media.be/container_f5f5f5_full.png) no-repeat top right; _background-image:url(http://graphics.tn-media.be/container_f5f5f5_full.gif); background-color: #f5f5f5;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fullb {position:relative; zoom:1; _overflow-y:hidden; padding:20px 20px 0px 0px;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fullc1 {position:absolute; left:0px; top:0px; width:20px; margin-left:-20px; height:100%; _height:900px; background-position:top left;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1 {position:relative; width:100%;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1, .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1 div {height:30px; font-size:1px;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1 {background-position:bottom right;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1 div {position:relative; width:20px; margin-left:-20px; background-position:bottom left;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fullc {position:static; max-height:2000px; overflow: hidden;} .container_rounded_f5f5f5_w573a, .container_rounded_f5f5f5_w573b {background: url(http://graphics.tn-media.be/container_f5f5f5_w573.png) no-repeat; _background-image:url(http://graphics.tn-media.be/container_f5f5f5_w573.gif); background-color: #f5f5f5;} .container_rounded_f5f5f5_w573a {padding: 20px 0 0 0; margin: 0; width: 573px; background-position: top left;} .container_rounded_f5f5f5_w573b {padding: 0 0 20px 20px; margin: 0; width: 553px; background-position: bottom left;} .container_rounded_yellowa {position:relative; margin:0px auto; min-width:8em; max-width:770px; z-index:1; margin-left:20px; margin-bottom:20px;} .container_rounded_yellowa .container_rounded_yellowb, .container_rounded_yellowa .container_rounded_yellowc1, .container_rounded_yellowa .container_rounded_yellowa1, .container_rounded_yellowa .container_rounded_yellowa1 div {background:transparent url(http://assets.tn-media.be/graphics/bgRoundYellow.gif) no-repeat top right; _background-image:url(http://graphics.tn-media.be/container_f5f5f5_full.gif); background-color: #f5f5f5;} .container_rounded_yellowa .container_rounded_yellowb {position:relative; zoom:1; _overflow-y:hidden; padding:20px 20px 0px 0px;} .container_rounded_yellowa .container_rounded_yellowc1 {position:absolute; left:0px; top:0px; width:20px; margin-left:-20px; height:100%; _height:900px; background-position:top left;} .container_rounded_yellowa .container_rounded_yellowa1 {position:relative; width:100%;} .container_rounded_yellowa .container_rounded_yellowa1, .container_rounded_yellowa .container_rounded_yellowa1 div {height:30px; font-size:1px;} .container_rounded_yellowa .container_rounded_yellowa1 {background-position:bottom right;} .container_rounded_yellowa .container_rounded_yellowa1 div {position:relative; width:20px; margin-left:-20px; background-position:bottom left;} .container_rounded_yellowa .container_rounded_yellowc {position:static; max-height:2000px; overflow: hidden;} .container_rounded_f5f5f5_full_bordereda {position:relative; margin:0px auto; min-width:8em; max-width:770px; z-index:1; margin-left:20px; margin-bottom:20px;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_borderedb, .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_borderedc1, .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1, .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1 div {background:transparent url(http://graphics.tn-media.be/container_f5f5f5_full_bordered.png) no-repeat top right; _background-image:url(http://graphics.tn-media.be/container_f5f5f5_full.gif); background-color: #f5f5f5;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_borderedb {position:relative; zoom:1; _overflow-y:hidden; padding:20px 20px 0px 0px;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_borderedc1 {position:absolute; left:0px; top:0px; width:20px; margin-left:-20px; height:100%; _height:900px; background-position:top left;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1 {position:relative; width:100%;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1, .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1 div {height:30px; font-size:1px;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1 {background-position:bottom right;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1 div {position:relative; width:20px; margin-left:-20px; background-position:bottom left;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_borderedc {position:static; max-height:2000px; overflow: hidden;} .container_rounded_ffffff_border_dedede_a {position:relative; margin:0px auto; min-width:8em; max-width:770px; z-index:1; margin-left:13px; margin-bottom:13px;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_b, .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_c1, .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1, .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1 div {background:transparent url(http://graphics.tn-media.be/container_ffffff_border_dedede.png) no-repeat top right; background-color: #ffffff;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_b {position:relative; zoom:1; _overflow-y:hidden; padding:13px 13px 0px 0px;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_c1 {position:absolute; left:0px; top:0px; width:13px; margin-left:-13px; height:100%; _height:900px; background-position:top left;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1 {position:relative; width:100%;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1, .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1 div {height:13px; font-size:1px;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1 {background-position:bottom right;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1 div {position:relative; width:13px; margin-left:-13px; background-position:bottom left;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_c {position:static; max-height:3000px; overflow: hidden;} .container_rounded_transparent_border_c5c5c5_shadow_a {position:relative; margin:0px auto; min-width:8em; max-width:770px; z-index:1; margin-left:13px; margin-bottom:13px;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_b, .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_c1, .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1, .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1 div {background:transparent url(http://graphics.tn-media.be/container_transparent_border_c5c5c5_shadow.png) no-repeat top right;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_b {position:relative; zoom:1; _overflow-y:hidden; padding:13px 13px 0px 0px;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_c1 {position:absolute; left:0px; top:0px; width:13px; margin-left:-13px; height:100%; _height:900px; background-position:top left;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1 {position:relative; width:100%;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1, .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1 div {height: 13px; font-size:1px;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1 {background-position:bottom right;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1 div {position:relative; width:13px; margin-left:-13px; background-position:bottom left;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_c {position:static; max-height:2000px; overflow: hidden;} .container_horsplit_ffffff_f5f5f5 {background:transparent url(http://graphics.tn-media.be/container_horsplit_ffffff_f5f5f5.png) no-repeat center center;} .ProductPage_Mobile_Box {position: relative; width: 100%; overflow: hidden;} .ProductPage_Mobile_Box .container_rounded_ffffff_border_dedede {width:100%; overflow: hidden;} .ProductPage_Mobile_Box .container_rounded_ffffff_border_dedede_a {padding-top: 10px;} .ProductPage_Mobile_Box .PriceBoxRight {position: absolute; top: 0; right: 50px; z-index: 100;} .ProductPage_Mobile_Box .PriceBoxLeft {position: absolute; top: 0; right: 408px; z-index: 100;} .ProductPage_Mobile_Box .BlockLeft {width: 350px; float: left;} .ProductPage_Mobile_Box .BlockCenter {width: 40px; float: left;} .ProductPage_Mobile_Box .BlockRight {width: 310px; float: left;} .ProductPage_Mobile_Box h1, .ProductPage_Mobile_Box h1 a {color: #555555; font: bold 20px/22px Verdana,Arial,Helvetica,sans-serif; padding: 0 0 25px 5px;} .MobileDetailBox, .MobileDetailBox2 {width: 340px; overflow: hidden; padding: 5px;} .MobileDetailBox {background: url(http://graphics.tn-media.be/MobileDetailBox_divider.png) no-repeat bottom left;} .MobileDetailBox .MobileDetailBoxLeft, .MobileDetailBox2 .MobileDetailBoxLeft{width: 100px; margin-right: 6px; float: left;} .MobileDetailBox .MobileDetailBoxRight, .MobileDetailBox2 .MobileDetailBoxRight{width: 222px; float: left;} .TechnicalInvisibleBlockForJQ {visibility: hidden;} /*-------------------------------------------------BEGIN VERGELIJKINGSTABEL-------------------------------------------------*/ .vergelijkingstabel2011{ width: 100%; overflow: hidden; } .vergelijkingstabel2011 .PriceTag{ background-image: url("http://graphics.tn-media.be/bgPricetag_vergelijktabel2010.png"); background-repeat: no-repeat; color: #606060; font-size: 9px; height: 29px; line-height: 11px; margin: 4px auto 0; padding-bottom: 8px; padding-top: 7px; text-align: center; width: 99px; } .vergelijkingstabel2011 .PriceTag .txtLarge { font-size: 18px; font-weight: bold; line-height: 20px; } .kolom{ float: left; text-align:center; background: url('http://images.tn-media.be/vergelijkpagina2011/bg_boven_midden.png') no-repeat top left; height: 100%; } .rij2 .kolom{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_links.png') no-repeat top left; } .rij3 .kolom{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onder_midden.png') no-repeat bottom left; } .rij2 .vg_rechtsvantip.vg_laatste{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_rechtsvantip.png') no-repeat top left; } .rij3 .vg_rechtsvantip.vg_laatste{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onder_rechtsvantip.png') no-repeat bottom left; } .vergelijkingstabel2011 .promo_wrapper{ height: 73px; position: relative; } .vergelijkingstabel2011 .promo_wrapper .rij2{ height: 73px; left: 0; position: absolute; top: 0; z-index: 100; } .vergelijkingstabel2011 .promo_wrapper .vg_promo{ width: 685px; height: 51px; background: url('http://images.tn-media.be/vergelijkpagina2011/bg_promo.png') no-repeat;text-align: center; padding: 22px 0 0; position: absolute; top:0; z-index: 200; } .vg_tekst{ padding: 3px 20px 0; } .vergelijkingstabel2011 .vg_plus{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_lijn_plus.png') no-repeat top center; height: 22px; } .vergelijkingstabel2011 .vg_lijn{ border-bottom: 1px solid #ededed; } .rij1, .rij2, .rij3{ overflow: hidden; width: 100%; } .rij1 .vg_eerste{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_bovenhoek_links.png') no-repeat top left; } .rij1 .vg_tip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_links.png') no-repeat top left; padding: 0; } .rij1 .vg_tip .vg_tip_rechts{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_rechts.png') no-repeat top right; height: 100%; } .rij1 .vg_rechtsvantip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_boven_rechtsvantip.png') no-repeat top left; } .rij1 .vg_laatste{ padding: 0; } .rij1 .vg_tekst{ padding: 30px 10px 10px; } .rij1 .vg_laatste .vg_laatste_rechts{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_bovenhoek_rechts.png') no-repeat top right; height: 100%; } .rij2 .vg_eerste{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_links.png') no-repeat top left; } .rij2 .vg_tip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_midden_links.png') no-repeat top left; padding: 0; } .rij2 .vg_tip .vg_tip_rechts{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_midden_rechts.png') no-repeat top right; height: 100%; } .rij2 .vg_rechtsvantip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_rechtsvantip.png') no-repeat top left; } .rij2 .vg_laatste{ padding: 0; background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_links.png') no-repeat top left; } .rij2 .vg_laatste .vg_laatste_rechts{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_rechts.png') no-repeat top right; height: 100%; } .rij3 .vg_eerste{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onderhoek_links.png') no-repeat bottom left; } .rij3 .vg_tip .vg_tip_rechts{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_onder_rechts.png') no-repeat bottom right; padding: 0 5px; height: 100%; } .rij3 .vg_tip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_onder_links.png') no-repeat bottom left; padding: 0; } .rij3 .vg_rechtsvantip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onder_rechtsvantip.png') no-repeat bottom left; } .rij3 .vg_laatste{ padding: 0; background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onder_midden.png') no-repeat bottom left; } .rij3 .vg_laatste .vg_laatste_rechts{ padding: 0 5px; background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onderhoek_rechts.png') no-repeat bottom right; height: 100%; } div.fadeborder { background-image: url("http://graphics.tn-media.be/bgfadeborder775x500.jpg"); background-position: center bottom; background-repeat: no-repeat; margin-bottom: 10px; overflow: auto; padding: 0 0 8px; width: 773px; } div.fadeborder div.fadeborder { background-image: url("http://graphics.tn-media.be/bgfadeborder775x500.jpg"); background-position: center top; background-repeat: no-repeat; margin: 0; padding: 10px 15px; width: 743px; } div.fadeonder { background-image: url("http://graphics.tn-media.be/fadeonder.jpg"); background-position: center top; background-repeat: no-repeat; margin-bottom: 10px; overflow: auto; padding: 8px 0 0; width: 773px; } div.fadeonder div.fadeonder { background-image: url("http://graphics.tn-media.be/fadeonder.jpg"); background-position: center bottom; background-repeat: no-repeat; margin: 0; padding: 10px 15px; width: 743px; } /*-------------------------------------------------END VERGELIJKINGSTABEL-------------------------------------------------*/ /*basket*/ .basket_prod_kabel {display: none;} .basket_prod_shake {display: none;} #shoppingbasket ul li {text-align: right; padding: 1px 9px; background: none; } #shoppingbasket ul li.product {color: #9a9a9a; } #shoppingbasket ul li.totaal {border-top: 1px solid #9a9a9a; padding: 3px 0; margin: 2px 9px; } #shoppingbasket ul li.voordeel {font-weight: bold; } #shoppingbasket dl dt.shake {width: 140px; } /* overviewpages 2012/05 */ .ov_table {width: 765px; background: url(http://graphics.tn-media.be/overviewpage/bg_3cols.png) repeat-y top left; margin-bottom: 15px;} .ov_table2 {width: 765px; background: url(http://graphics.tn-media.be/overviewpage/bg_2cols.png) repeat-y top left; margin-bottom: 15px;} .ov_table5 {width: 765px; background: url(http://graphics.tn-media.be/overviewpage/bg_5cols.png) repeat-y top left; margin-bottom: 15px;} .ov_row {width: 100%; overflow: hidden;} .ov_cell {width: 255px; float: left;} .ov_table2 .ov_cell {width: 382px;} .ov_table5 .ov_cell {width: 153px;} .ov_table5 .ov_cell.ov_doubletrouble {width: 306px;} .ov_ballon {height:100%; background: url(http://graphics.tn-media.be/overviewpage/bg_ballon_middle.png) repeat top left;} .ov_table2 .ov_ballon {background: url(http://graphics.tn-media.be/overviewpage/bg_ballon_middle2.png) repeat top left;} .ov_table5 .ov_ballon {background: url(http://graphics.tn-media.be/overviewpage/bg_ballon_middle5.png) repeat top left;} .ov_table5 .ov_ballontop {background: url(http://graphics.tn-media.be/overviewpage/bg_ballon_top5.png) repeat top left; padding-top: 12px;} .ov_table5 .ov_ballontop.ov_doubletrouble {background: url(http://graphics.tn-media.be/overviewpage/bg_ballon_top5-3.png) no-repeat top left; padding-top: 12px;} .ov_table5 .ov_ballonbottom {background: url(http://graphics.tn-media.be/overviewpage/bg_ballon_bottom5.png) repeat bottom left;} .ov_table5 .ov_ballonbottom.ov_doubletrouble{background: url(http://graphics.tn-media.be/overviewpage/bg_ballon_bottom5-3.png) repeat bottom left;} .ov_ballon .ov_cell {width: 215px; padding: 0 20px;} .ov_table2 .ov_ballon .ov_cell {width: 262px; padding-left:60px; padding-right:60px;} .ov_table5 .ov_ballon .ov_cell, .ov_table5 .ov_ballontop .ov_cell, .ov_table5 .ov_ballonbottom .ov_cell {width: 103px; padding-left:25px; padding-right:25px;} .ov_table5 .ov_ballon .ov_cell.ov_doubletrouble, .ov_table5 .ov_ballontop .ov_cell.ov_doubletrouble, .ov_table5 .ov_ballonbottom .ov_cell.ov_doubletrouble {width: 256px; padding-left:25px; padding-right:25px;} .ov_row .ov_cell {text-align: center;} .ov_meestgekozen .ov_cell {font-family: BreuerHeadlinePRIMEWeb; font-size: 20px; line-height: 25px; color: #ffc421; margin-bottom: 5px;} .ov_titlerow .ov_cell {font-family: CooperStdBlack; font-size: 20px; color: #f26534; line-height: 22px;} .ov_table5 .ov_titlerow .ov_cell {font-family: CooperStdBlack; font-size: 16px; color: #f26534; line-height: 18px;} .ov_table5 .ov_titlerow .ov_cell.ov_doubletrouble {font-family: CooperStdBlack; font-size: 18px; color: #f26534; line-height: 20px;} .ov_pricerow .ov_cell {padding-top: 13px; padding-bottom: 13px; font-family: CooperStdBlack; font-size: 32px; color: #ffffff;} .ov_pricerow .ov_cell .smallprint {font-size: 13px;} .ov_table5 .ov_pricerow .ov_cell {padding-top: 5px; padding-bottom: 30px; font-family: CooperStdBlack; font-size: 26px; line-height: 28px; color: #ffffff;} .ov_table5 .ov_pricerow .ov_cell .smallprint {font-size: 10px; line-height: 12px;} .ov_table5 .ov_pricerow .ov_cell.ov_doubletrouble {padding-top: 5px; padding-bottom: 30px; font-family: CooperStdBlack; font-size: 37px; line-height: 39px; color: #ffffff;} .ov_table5 .ov_pricerow .ov_cell.ov_doubletrouble .smallprint {font-size: 15px; line-height: 17px;} .ov_claim .ov_cell {font-family: BreuerTextBold; font-size: 16px; line-height: 18px; color: #58595b;} .ov_table5 .ov_claim .ov_cell {font-family: CooperStdBlack; font-size: 15px; color: #f7942f; padding: 15px 0;} .ov_plus .ov_cell {padding: 10px 0;} .ov_detailedspecs .ov_cell {line-height: 21px;} .ov_table5 .ov_detailedspecs .ov_cell {line-height: 16px;} .ov_row .ov_cell .ov_prod_title {font-family: BreuerTextBold; font-size: 15px; color: #58595b; line-height: 18px;} .ov_row .ov_cell .ov_prod_title2 {font-family: CooperStdBlack; font-size: 15px; color: #f7942f; line-height: 18px;} .ov_row .ov_cell .ov_prod_value {font-family: BreuerTextBold; font-size: 18px; color: #58595b;} .ov_table5 .ov_row .ov_cell .ov_prod_value {font-family: BreuerTextBold; font-size: 16px; color: #58595b;} .ov_row .ov_cell .ov_prod_key {font-family: BreuerTextRegular; font-size: 18px; color: #58595b;} .ov_buttons .ov_cell {padding: 15px 0;} .ov_wimpels .ov_cell {padding-top: 5px; margin-left: 43px; text-align: left; width: 212px;} .ov_bigwimpels .ov_cell {padding-top: 5px; text-align: left; width: 255px;} .ThreeGrey252Blocks_Container {padding:30px 0;} .ThreeGrey252Blocks_toprow {width: 100%; overflow: hidden; background: url(http://graphics.tn-media.be/mobile2012/homep/bg_greyblok_top.png) top left no-repeat;} .ThreeGrey252Blocks_bottomrow {width: 100%; overflow: hidden; background: url(http://graphics.tn-media.be/mobile2012/homep/bg_greyblok_bottom.png) bottom left no-repeat;} .ThreeGrey252Blocks_cell {width: 252px; float: left;} .ThreeGrey252Blocks_toprow .ThreeGrey252Blocks_cell {height: 100%;} .ThreeGrey252Blocks_notlastcell {padding-right: 8px;} .ThreeGrey252Blocks_innercell {width: 222px; padding: 5px 15px 0 15px; text-align: center;} .ThreeGrey252Blocks_bottomrow .ThreeGrey252Blocks_innercell {padding-bottom: 10px;} .ThreeGrey252Blocks_cell_top .ThreeGrey252Blocks_innercell {padding: 20px 15px 0 15px;} .ThreeGrey252Blocks_cell_title {font: 17px/19px CooperStdBlack,Verdana,Arial,Helvetica,sans-serif; color: #f26534;} .ThreeGrey252Blocks_cell_price {font-family: CooperStdBlack; font-size: 30px; color: #ffc421;} .ThreeGrey252Blocks_cell_price .smallprint {font-size: 12px;} #ContentOptionsRelBasket label b {font: 15px/18px BreuerTextBold,Verdana,Arial,Helvetica,sans-serif; padding-left: 5px;} /* meer info 2012/05 */ .mi_block {width: 764px; overflow: hidden; margin-bottom: 15px;} .mi_block .mi_logo {width: 90px; float: left;} .mi_block .mi_description {width: 674px; float: left; background: url(http://graphics.tn-media.be/meerinfo/bg_dotted_ffc421_line.png) left bottom no-repeat;} .WidePageGreyBottom .mi_block {width: 740px;} .WidePageGreyBottom .mi_block .mi_description {width: 650px;} #DetailPageColRight .crosscell {width: 183px; overflow: hidden; text-align: center; color: #8b8b8b;} #DetailPageColRight .crosscell .top {background: url(http://graphics.tn-media.be/detailpage/bg_cross_top.png) no-repeat top center; height: 6px; padding: 0;} #DetailPageColRight .crosscell .bottom {background: url(http://graphics.tn-media.be/detailpage/bg_cross_bottom.png) no-repeat bottom center; padding: 6px 10px 15px; overflow: hidden; font-size: 14px; line-height: 16px;} #DetailPageColRight .crosscell .bottom a {overflow: hidden; text-decoration: none; color: #8b8b8b;} #DetailPageColRight .crosscell .bottom a:hover {color: #E3000B;} .overv_4CellRow {overflow: hidden; width: 100%} .overv_4CellRow .row {width: 100%; overflow: hidden;} .overv_4CellRow .cell {width:192px; float: left; margin-right: 1px;} .overv_4CellRow .row.top .cell {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_top.png); height: 100%;} .overv_4CellRow .row.top .cell div.inhoud {padding: 45px 15px 10px; color: #252525; font-size: 15px; text-align: center;} .overv_4CellRow.nl .row.top .cell.tip {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_top_nl.png);} .overv_4CellRow.fr .row.top .cell.tip {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_top_fr.png);} .overv_4CellRow.en .row.top .cell.tip {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_top_en.png);} .overv_4CellRow .row.divider .cell {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_divider.png); height: 16px;} .overv_4CellRow .row.divider .cell.tip {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_divider.png);} .overv_4CellRow .row.of .cell {height: 31px;} .overv_4CellRow.nl .row.of .cell {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_middle_of_nl.png);} .overv_4CellRow.fr .row.of .cell {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_middle_of_fr.png);} .overv_4CellRow.en .row.of .cell {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_middle_of_en.png);} .overv_4CellRow.nl .row.of .cell.tip {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_middle_of_nl.png);} .overv_4CellRow.fr .row.of .cell.tip {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_middle_of_fr.png);} .overv_4CellRow.en .row.of .cell.tip {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_middle_of_en.png);} .overv_4CellRow .row.of .cell.off {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_middle.png);} .overv_4CellRow .row.of .cell.tip.off {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_middle.png);} .overv_4CellRow .row.bloktitle .cell {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_blok_top.png);} .overv_4CellRow .row.bloktitle .cell div.inhoud {padding: 10px 15px; height: 100%; text-align: center; font-size: 7px; font-variant: small-caps; color: #ffffff;} .overv_4CellRow .row.bloktitle .cell.off {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_blok_top_off.png);} .overv_4CellRow .row.bloktitle .cell strong, .overv_4CellRow .row.bloktitle .cell b {font-size: 14px;} .overv_4CellRow .row.bloktitle .cell.tip {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_blok_top.png);} .overv_4CellRow .row.bloktitle .cell.tip.off {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_blok_top_off.png);} .overv_4CellRow .row.bloktitledivider {height: 2px;} .overv_4CellRow .row.bloktitledivider .cell {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_blok_top_divider.png); height: 100%;} .overv_4CellRow .row.bloktitledivider .cell.off {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_blok_bottom.png); height: 100%;} .overv_4CellRow .row.bloktitledivider .cell.tip {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_blok_top_divider.png);} .overv_4CellRow .row.bloktitledivider .cell.tip.off {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_blok_bottom.png);} .overv_4CellRow .row.bloktext .cell {background-image: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_blok_bottom.png); background-position: bottom left; height: 100%;} .overv_4CellRow .row.bloktext .cell div.inhoud {padding: 10px 15px 20px; text-align: center;} .overv_4CellRow .row.bloktext .cell.tip {background-image: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_blok_bottom.png);} .overv_4CellRow .row.middle .cell {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_middle.png);} .overv_4CellRow .row.middle .cell div.inhoud {padding: 15px 15px; text-align: center;} .overv_4CellRow .row.middle .cell.tip {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_middle.png);} .overv_4CellRow .row.price .cell {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_price.png);} .overv_4CellRow .row.price .cell div.inhoud {padding: 10px 43px 10px 38px; width: 111px; height: 35px; text-align: center; font-size: 10px;} .overv_4CellRow .row.price .cell strong, .overv_4CellRow .row.price .cell b {font-size: 21px; line-height: 23px;} .overv_4CellRow .row.price .cell.tip {background: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_price.png);} .overv_4CellRow .row.bottom .cell {background-image: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_bottom.png); background-position: bottom left;} .overv_4CellRow .row.bottom .cell div.inhoud {padding: 15px 15px 20px; text-align: center;} .overv_4CellRow .row.bottom .cell.tip {background-image: url(http://graphics.tn-media.be/mobile2012/overviewp/bg_tip_bottom.png);} .rodetekst {color: #e3000b;} .orangytext {color: #f26534;} h3.SportingTelenetView {color:#f7942f; font:bold 24px/27px BreuerTextBold; margin-bottom: 10px;} div.SportingTelenetView {border-bottom: 1px solid #f4f4f4; background-position: bottom right; background-repeat: no-repeat; margin: 15px 0; padding-bottom: 15px;} div.dottedyellowdividerblock {background: url(http://graphics.tn-media.be/bg_divider_yellowdotted.png) repeat-x left bottom; padding: 10px 0; margin-bottom: 9px;} div.dottedgreydividerblock {background: url(http://graphics.tn-media.be/bg_divider_greydotted.png) repeat-x left bottom; padding: 10px 0; margin-bottom: 9px;} div.nobackgrounddividerblock {background: none; padding: 10px 0;} div.imagelisttitleblock {width: 100%; overflow: hidden; padding-bottom: 10px;} div.imagelisttitleblock_number {width: 25px; height: 25px; float: left; color: #ffffff; font-family: CooperStdBlack; font-size: 20px; line-height: 25px; text-align: center; background-image: url(http://graphics.tn-media.be/bg_imagelist_orangeblock.png);} div.imagelisttitleblock_title {float: left; padding-left: 10px; width: 93%;} #installatietabel .row {width: 873px; overflow: hidden; padding-bottom: 5px;} #installatietabel .row .cell1 {width: 115px; float: left; text-align: center;} #installatietabel .row .cell2 {width: 260px; float: left;} #installatietabel .row .cell3 {width: 238px; float: left;} #installatietabel .row .cell4 {width: 758px; float: left;} #installatietabel .underdottedgreylined {background: url(http://graphics.tn-media.be/bg_underdottedgreylinerow.png) repeat-x bottom left; margin-bottom: 5px;} .ProductName {font-family: CooperStdBlack; font-size: 18px; line-height: 21px; color: #f26534;} .ProductName sup {color: #58595b;} .PrijsPunt {font-family: BreuerTextBold; font-size: 16px; line-height: 18px; color: #f7942f;} #frmTarieven input#postcode{font: 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#58595b; margin: 0; padding: 4px 5px; height: 14px;} .ZenderBlok div {display: none; width: 76px; float: left; padding: 15px 2px;} .ZenderBlok {width: 100%; overflow: hidden;} .ZenderBlokBasisTop {height: 13px; width: 773px; background: url(http://graphics.tn-media.be/televisie/zenderaanbod2/darkgreybox_top.png) no-repeat;} .ZenderBlokBasisBottom {width: 773px; background: url(http://graphics.tn-media.be/televisie/zenderaanbod2/darkgreybox_bottom.png) repeat-y; overflow: hidden; padding-bottom: 13px;} .ZenderClearBlok {width: 100%; overflow: hidden;} .ZenderPostCodeBlok {width: 580px; float: left; padding-left: 20px;} .ZenderPostCodeBlok h3 {float: left; padding-top: 0;} .ZenderPostCodeBlok form{margin: 0;} .ZenderPostCodeBlok #postcode {width: 60px; margin: 0pt; border: 1px solid #e5e3e3; height: 18px; vertical-align: top; padding-top: 3px;} .ZenderPostCodeBlok #buttonsubmit{margin-top: 0; padding: 0;} .ZenderFilterBlok {width: 150px;float: right; padding-right: 15px;} #ShowAllTheFilters {width: 753px; overflow: hidden; display: none; padding-left: 20px; padding-bottom: 10px;} #ShowAllTheFilters h3 {width: 173px; float: left;} #ShowAllTheFilters input {margin-right: 10px;} .ZenderBlokBasisBottom2 {width: 733px; background: url(http://graphics.tn-media.be/televisie/zenderaanbod2/greybox_bottom.png) left bottom no-repeat; overflow: hidden; padding: 20px;} #LoadingBlock {display: none;} .ZendDivider {background: url(http://graphics.tn-media.be/div_hor_dotted_ffc421.png) repeat-x bottom left; padding-bottom: 15px; padding-top: 10px;} .ZenderHiddenBlok {display: none;} .ZenderInfoBlok {width: 356px;} .ZenderInfoBlokImage {text-align: center; padding: 10px;} .ZenderInfoBlokTitle {font-size: 22px; font-family: BreuerTextRegular;} .DetailListing {width: 100%; overflow: hidden;} .WidePageGreyBottom .DetailListingImage, .WidePageYellowBottom .DetailListingImage {width: 170px; float: left; text-align: left;} .WidePageGreyBottom .DetailListingTextLeft, .WidePageYellowBottom .DetailListingTextLeft {width: 545px; float: left; padding: 20px 20px 10px 0;} .WidePageGreyBottom .DetailListingTextRight, .WidePageYellowBottom .DetailListingTextRight {width: 545px; float: left; padding: 20px 0 10px 20px;} .DetailPageGreyBottom .DetailListingImage, .DetailPageYelowBottom .DetailListingImage {width: 170px; float: left; text-align: left;} .DetailPageGreyBottom .DetailListingTextLeft, .DetailPageYelowBottom .DetailListingTextLeft {width: 360px; float: left; padding: 20px 20px 10px 0;} .DetailPageGreyBottom .DetailListingTextRight, .DetailPageYelowBottom .DetailListingTextRight {width: 360px; float: left; padding: 20px 0 10px 20px;} .specstable {width: 100%; background: url(http://images.tn-media.be/pr20120727/overviewp_mobabo_divider.png) top center repeat-y; overflow: hidden; margin-top: 20px;} .specstablerow {width: 100%; overflow: hidden;} .specstablecell {width: 385px; float: left; padding: 5px 1px 5px 0; color:#58595b; font: 22px/24px BreuerTextRegular, Verdana, Arial, Helvetica, sans-serif; text-align: center;} .boldtext {font-family: BreuerTextBold;} #is-wifree-lp .orange{color:#f26534} #is-wifree-lp .spacing li{padding-bottom:16px} #is-wifree-lp .txt{font-size:12px;line-height:26px;height:26px;color:#58595b;border:1px solid #eee;width:250px;padding:0 10px;margin-right:10px} #is-wifree-lp #FieldTabThree .BtnArrowOnRed{*margin-top:-5px;position:relative} #is-wifree-lp .clearFieldOnFocusBlurred{color:#a5a6a7} #is-wifree-lp .info{background:url(http://images.tn-media.be/internet/wi-free/sprite.png) no-repeat 0 -220px;width:22px;height:22px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:middle;text-indent:-999em;overflow:hidden;cursor:help} #is-wifree-lp .figure{padding-bottom:40px} #is-wifree-lp .FieldTab{padding:0 10px} #is-wifree-lp .padding-0{margin:0;padding:0} #is-wifree-lp .intro-box-header{background:url(http://images.tn-media.be/internet/wi-free/bg_top_wifree.png) no-repeat 0 0} #is-wifree-lp .intro-box-body{position:relative;overflow:hidden;width:720px;padding:0 24px;border-left:1px solid #e6e5e5;border-right:1px solid #e6e5e5} #is-wifree-lp .intro-box-bottom{width:770px;height:20px;background:url(http://images.tn-media.be/internet/wi-free/sprite.png) no-repeat 0 -180px;margin:0 0 21px} #is-wifree-lp .section-1{padding:23px 0 13px 0;margin:0 0 17px 0;background:url(http://images.tn-media.be/internet/wi-free/divider.png) bottom center no-repeat} #is-wifree-lp .section-1 .column-1{width:350px;float:left;margin-right:20px;} #is-wifree-lp .section-1 .column-2{width:350px;float:left;background:url(http://graphics.tn-media.be/Mobile/landingpages/201105_wifree/NL/_images/map.png) no-repeat 185px 40px} #is-wifree-lp .tip-top{width:720px;height:10px;display:block;background:url(http://images.tn-media.be/internet/wi-free/sprite.png) no-repeat 0 -350px; margin-top: 10px;} #is-wifree-lp .tip{width:674px;background:url(http://images.tn-media.be/internet/wi-free/sprite.png) no-repeat 0 bottom;padding:8px 23px 17px;margin-bottom:11px} #is-wifree-lp .tip h2{font-size:26px;float:left;margin-right:23px;margin-bottom:3px} #is-wifree-lp .tip p{padding-top:5px} #is-wifree-lp .app-banner{height:108px;width:500px;padding:24px 15px 0 103px;margin-bottom:11px;background:url(http://images.tn-media.be/internet/wi-free/sprite.png) no-repeat -40px -210px} #is-wifree-lp .app-banner h3{font-size:18px;color:#f26534} #is-wifree-lp .app-banner .column-1{float:left;width:300px;margin-right:10px} #is-wifree-lp .app-banner .column-2{float:left;width:180px} #is-wifree-lp .app-banner-fr{width:515px;padding:24px 0 0 103px} #is-wifree-lp .app-banner-fr .column-1{width:340px} #is-wifree-lp .app-banner-fr .column-2{width:155px} #is-wifree-lp .clearfix:before,#is-wifree-lp .clearfix:after{content:"";display:table} #is-wifree-lp .clearfix:after{clear:both} #is-wifree-lp .clearfix{*zoom:1} #is-wifree-lp .ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0} #is-wifree-lp .ir br{display:none} .wifree-tooltip{width:510px} .wifree-tooltip h3,.wifree-tooltip h3 a{font:normal 11px/15px Verdana,Arial,Helvetica,sans-serif !important;margin-top:3px !important} .MODverdelers_res_top {width: 764px; background: url(http://images.tn-media.be/verdelers/bg_top.png) top left no-repeat; padding-bottom: 20px;} .MODverdelers_res_map {width: 764px; height: 292px;} .MODverdelers_res_bottom {background: url(http://images.tn-media.be/verdelers/bg_bottom.png) bottom left no-repeat;} .MODverdelers_res_text {padding: 20px;} .MODverdelers_res_tbl {width: 764px; overflow: hidden;} .MODverdelers_res_tbl_odd {background-color: #f6f7f7;} .MODverdelers_res_tbltop {border-bottom: 1px dotted #d4d4d5;} .MODverdelers_res_tbl_cell1 {width: 518px; float: left;} .MODverdelers_res_tbl_cell2 {width: 110px; float: left; border-left: 1px dotted #d4d4d5; border-right: 1px dotted #d4d4d5;} .MODverdelers_res_tbl_cell3 {width: 43px; float: left;} .MODverdelers_res_tbl_row1{padding: 10px 15px;} .MODverdelers_res_tbl_row2 {padding: 5px 15px;} .MODverdelers_res_tbl_row2 b {color: #f26534;} .MODverdelers_ind_intro {width: 100%; overflow: hidden;} .MODverdelers_ind_intro_left {width: 390px; float: left;} .MODverdelers_ind_intro_right {width: 375px; float: right;} /*.MODverdelers_ind_intro_text {padding-top: 50px;}*/ .MODverdelers_ind_container {width: 100%; overflow: hidden; margin-bottom: 5px;} .MODverdelers_ind_input {background-image: url(http://images.tn-media.be/verdelers/bg_input.png); background-position: top left; background-repeat: no-repeat; height: 18px; width: 252px; font-size: 15px; color: #827c6f; font-family: BreuerTextRegular; line-height: 18px; float: left; padding: 4px 15px} .MODverdelers_ind_input input {height: 18px; width: 252px; font-size: 15px; color: #827c6f; font-family: BreuerTextRegular; line-height: 18px; border: none; margin: 0; background: transparent;} .MODverdelers_ind_optioneel {color: #9C9C9C; float: left; padding-left:5px; line-height: 26px;} #MODverdelers_ind_adv_button {padding-top: 35px;} #MODverdelers_ind_adv {/*display: none; */padding-top: 25px;} #MODverdelers_ind_adv p {padding-top: 35px;} #MODverdelers_ind_zoeken {padding-top: 20px;} .ProdPriceTable {width: 100%; overflow: hidden; padding: 15px 0 30px;} .ProdPriceTable h3 {padding: 0;} .ProdPriceTable .tbrow {width: 100%; overflow: hidden;} .ProdPriceTable .tbrow div {padding: 5px 10px; float: left;} .ProdPriceTable .tbrow div.correctionpadding {padding-top: 10px;} .ProdPriceTable .tbodd {background-color: #f7f7f7;} .ProdPriceTable .tbrow1 {border-bottom: 1px dotted #d4d4d5;} .ProdPriceTable .tbrow1 .tbl_cell1 {width: 581px;} .ProdPriceTable .tbrow1 .tbl_cell2 {width: 150px; border-left: 1px dotted #d4d4d5;} .ProdPriceTable .tbrow2 .tbl_cell1 {width: 110px; border-right: 1px dotted #d4d4d5;} .ProdPriceTable .tbrow2 .tbl_cell2 {width: 450px;} .ProdPriceTable .tbrow2 .tbl_cell3 {width: 150px; border-left: 1px dotted #d4d4d5;} .ProdPriceTable .tbrow3 .tbl_cell1 {width: 110px; border-right: 1px dotted #d4d4d5;} .ProdPriceTable .tbrow3 .tbl_cell2 {width: 230px;} .ProdPriceTable .tbrow3 .tbl_cell3 {width: 200px;} .ProdPriceTable .tbrow3 .tbl_cell4 {width: 150px; border-left: 1px dotted #d4d4d5;} .Detailp_sbox_bottom_2shakes {background: url(http://images.tn-media.be/detailpage/bg_2shakes_bottom.png); width:579px; height: 95px; margin-top: 6px;} .Detailp_sbox_bottom_3shakes {background: url(http://images.tn-media.be/detailpage/bg_3shakes_bottom.png); width:579px; height: 95px; margin-top: 6px;} .Detailp_sbox_bottom_2shakes .blok{width: 289px; float: left; text-align: center;} .Detailp_sbox_bottom_3shakes .bloksmall {width: 162px; float: left; text-align: center;} .Detailp_sbox_bottom_3shakes .blokbig {width: 255px; float: left; text-align: center;} p.atv2dtv_title{font-family: CooperStdBlack; font-size: 19px; color: #f7942f; padding-bottom: 15px; margin: 0; line-height: 23px;} .atv2dtv_extrapadding {padding:0 25px;} .atv2dtv_top {padding-top: 30px;} .atv2dtv_logo {padding: 30px 20px 0; text-align: right;} .atv2dtv_orange{font-family: BreuerTextBold; font-size: 15px; color: #f7942f; line-height: 18px;} div.slugcontainer {border-top:1px solid #ffffff;margin-top:20px;padding:16px 0px 35px 21px;} ul.sluglinks {margin:0;padding:0;list-style-type:none;width:670px;float:left;position:relative;top:8px;} ul.sluglinks li {background-image:none;float:left;margin-right:30px;} table.channelblock {clear:both;} table.channelblock tr {height:62px;} table.channelblock td {text-align:center;height:62px;vertical-align:middle;} table.channelblock td.channel {width:210px;} table.channelblock td.channelmedium {width:170px;border-left:1px dotted #cccccc;} table.channelblock td.channelmedium span {width:110px;text-align:center;font: 15px/18px BreuerTextBold,Verdana,Arial,Helvetica,sans-serif;display:block;margin:0 auto;} #FieldTab table.channelblock td.channel {width:100px;} #FieldTab table.channelblock td.channelmedium {width:140px;border-left:1px dotted #cccccc;} div.channelheadicon {margin-top:4px;position:relative;z-index:100;margin-bottom:-16px;} div.ZenderCategory {clear:both;width:771px;position:relative;left:-19px;} div.ZenderCategory h3 {padding:16px 21px 16px 21px;background-color:#f6f6f6;width:729px;} div.ZenderCategory p {display:none;} div.ZenderBlokBasisBottom2 div.ZenderBlok div {clear:both;} div.ZenderBlok table.channelblock {margin-left:15px;margin-bottom:-2px;} div.ZenderBlokBasisBottom2 {border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;background: url("http://graphics.tn-media.be/spacer.gif") no-repeat scroll left bottom transparent;width:731px;} div.ZenderBlokExtraBottom {background: url(http://graphics.tn-media.be/televisie/zenderaanbod2/greybox_bottom.png) no-repeat scroll left bottom transparent;min-height:20px;}