/* ------------------- (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;} /* ------------------- Default styling ---------------------- */ body{font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#606060; background:white url(http://assets.tn-media.be/graphics/_default/bgBody.jpg) center top repeat-x;} p{font: 11px/14px Verdana, Arial, Helvetica, sans-serif; margin:0 0 7px 0; padding:0 0 7px 0;} h1, h1 a{color:#606060; font:bold 18px/20px Verdana, Arial, Helvetica, sans-serif; padding:18px 15px 10px 0px; letter-spacing:-0.05em;} h2, h2 a{color:#cc0000; font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; padding:5px 15px 3px 0px;} h3, h3 a{color:#303030; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; padding:7px 15px 3px 0px;} h4, h4 a{color:#909090; font:bold 11px/13px Verdana, Arial, Helvetica, sans-serif; padding:7px 15px 4px 0px;} h5, h5 a{color:#606060; font:bold 11px/13px Verdana, Arial, Helvetica, sans-serif; padding:7px 15px 4px 0px;} h6, h6 a{color:#cc0000; font:bold 11px/13px Verdana, Arial, Helvetica, sans-serif; padding:7px 15px 4px 0px;} h2 span{color:#303030;} h3 span{color:#cc0000;} 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:#606060;} a:hover{color:#cc0000; text-decoration:underline;} a.Active{color:#303030!important;} .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.telenet li{padding-bottom:5px; padding-left:14px; 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{background: url(http://assets.tn-media.be/graphics/_default/bgContainer.jpg) center top no-repeat; 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;} #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: absolute; 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; left: 0; top: 0; width: 180px!important; text-align: left!important; } /* *********************************** COMPLETION OF THE PANES (BOXES) ************************************* */ #BoxSearch{margin-bottom:0px; float:right; clear: right; margin-top:0;} #BoxSearch form {margin: 0;} #TxtZoeken{border-left:solid 1px #b9c4d2; border-right:solid 1px #b9c4d2; border-top:solid 1px #516c8f; border-bottom:solid 1px #fff; margin-right:3px; width:93px;} #SelWebsite{width:95px; border:solid 1px #999; background:#858585; color:#fff; margin-right:3px; font-weight:bold;} /* Buttons */ a.BtnZoeken{border:solid 1px #999; background:url(http://assets.tn-media.be/images/niceJForms/default/button_bg.gif) left top; color:#fff; text-decoration:none; top:-1px;padding:0px 7px 0px 7px; position:relative; display:block; width:40px; float:left; margin-left:3px; font-size:10px; height:17px} a.BtnZoeken:hover{color:#FFFFFF; text-decoration:none;border:solid 1px #bbb;} /* DropDowns */ .DdlHolder{display:block; float:left; margin: 5px 3px 0 0; position:relative;} a.DdlGreySmall{display:block; float:left; text-decoration:none; font-weight:normal; line-height:14px; font-size:10px; color:white;} a.DdlGreySmall:hover{text-decoration:none;color:#dcdcdc;} a.DdlGreySmall span.Select{background:url(http://assets.tn-media.be/graphics/ddlGreySmallHeader.gif); display:block; float:left; overflow:hidden; white-space: nowrap; height:16px; padding:1px 5px 0 5px; cursor:pointer; text-align:center;} a.DdlGreySmall span.Locker{background:url(http://assets.tn-media.be/graphics/ddlGreySmallHeader.gif) right top; display:block; float:left; width:19px; height:17px; cursor:pointer;} a.DdlGreySmall:hover span.Select{background:url(http://assets.tn-media.be/graphics/ddlGreySmallHeader.gif) left bottom; height:15px; padding-top:2px} a.DdlGreySmall:hover span.Locker{background:url(http://assets.tn-media.be/graphics/ddlGreySmallHeader.gif) right bottom; height:15px; padding-top:2px} .DdlOptions{list-style:none; margin:0 0 0 2px; padding:0; position:absolute; display:block; z-index:999} .DdlOptions li{padding:0; line-height:11px; display:block;} .DdlOptions a{margin:0; background:#dedede; display:block;text-decoration:none; color:#606060; font-size:9px; border-bottom:1px solid #efefef; border-top:1px solid #ddd; padding:2px 5px; overflow:hidden; text-align:left;} .DdlOptions a:hover{background:#efefef; color:#606060; text-decoration:none;} /*Sizes of the DropDowns, also appears in other panes*/ .DdlxSmall .Select, .DdlxSmall .DdlOptions a{width:14px; letter-spacing:-0.1em;} .DdlSmall .Select, .DdlSmall .DdlOptions a{width:24px; letter-spacing:-0.1em;} .DdlMedium .Select, .DdlMedium .DdlOptions a{width:80px;} .DdlLarge .Select, .DdlLarge .DdlOptions a{width:115px;} /* ------------------- LeftPane completion ---------------------- */ /*Left Navigation*/ #SubNav{margin-top:31px; margin-left:15px; padding-top:0;} #SubNav, #SubNav ul{list-style:none;} #SubNav li{padding:0; background-image:none; margin-bottom:3px;} #SubNav a{display:block; text-decoration:none; background-repeat:no-repeat; background-position:left bottom; padding-bottom:3px;} #SubNav a:hover{color:#cc0000} #SubNav a span{background-position:left top; background-repeat:no-repeat; display:block; padding:7px 0 5px 7px; cursor:pointer;} /*Niveau 1*/ #SubNav li a, #SubNav li a span{background-image: url(http://assets.tn-media.be/graphics/bgMenuNiveau01.gif); width:172px; overflow:hidden;font-weight:bold;} #SubNav li a span { width:167px; padding-right:5px;} #SubNav li a.Active{padding-bottom:0} #SubNav li a.Active span{background-image: url(http://assets.tn-media.be/graphics/bgMenuNiveau01A.gif); color:#606060; font-weight:bold;} /*Niveau 2*/ #SubNav ul{margin:0;padding:0;} #SubNav li li{border: solid 1px #D2D2D2;padding-left:8px; margin:0; border-bottom:0; background: url(http://assets.tn-media.be/graphics/bgListArrowGrey.gif) 7px 7px no-repeat;} #SubNav ul a{margin:0; color:#909090; font-weight:bold;padding:5px 0 3px 8px; font-size:10px;} #SubNav ul a.Active{color:#cc0000!important;padding-bottom:3px;} #SubNav li li a, #SubNav li li a span{background-image:none; padding-bottom:3px; overflow:hidden;width:154px;} #SubNav .Locker{background-image: url(http://assets.tn-media.be/graphics/bgMenuNiveau01.gif); background-position:left bottom; padding-bottom:3px; overflow:hidden; width:172px; border:none; height:3px;} #SubNav .LockerActive{background-image: url(http://assets.tn-media.be/graphics/bgMenuNiveau01A.gif); background-position:left bottom; padding-bottom:3px; overflow:hidden; width:172px; border:none; height:3px;} /*Niveau 3*/ #SubNav ul ul{margin:0 0 0 -4px;padding:0;} #SubNav li li li{border:none; padding-left:26px; margin:0; background: url(http://assets.tn-media.be/graphics/bgListGreyLight.gif) 14px 7px no-repeat;} #SubNav ul ul a{margin:0; font-weight:normal; color:#303030} #SubNav li li li a, #SubNav li li li a span{background-image:none; padding:5px 0px 3px 0px!important; overflow:hidden;width:138px;} * html #SubNav li li li a, * html #SubNav li li li a span{padding:3px 0px!important;} /*Niveau 4*/ #SubNav ul ul ul{margin:0 0 0 2px;padding:0;} #SubNav li li li li{border:none!important; margin:0; padding: 0; background: url(http://assets.tn-media.be/graphics/bgListGreyLight.gif) no-repeat 0px 5px;} #SubNav ul ul ul a{margin:0; font-weight:normal; color:#303030; } #SubNav li li li li a, #SubNav li li li a span{background-image:none!important; padding:3px 0px 3px 12px!important; overflow:hidden; width:124px;} * html #SubNav li li li li a, * html #SubNav li li li li a span{padding:3px 0px 3px 12px!important;} /* ------------------- ContentPane completion ---------------------- */ #BreadCrumb{color:#909090; margin:10px 0 4px 0;} #BreadCrumb span, #BreadCrumb a{color:#909090;} h1.FreePhone{background:url(http://assets.tn-media.be/graphics/IconFreePhone.gif) no-repeat; padding-left:50px;} h1.Internet{background:url(http://assets.tn-media.be/graphics/IconInternet.gif) no-repeat; padding-left:50px;} h1.Televisie{background:url(http://assets.tn-media.be/graphics/IconTelevisie.gif) no-repeat; padding-left:50px;} h1.IkBenKlant{background:url(http://assets.tn-media.be/graphics/IconIkBenKlant.gif) no-repeat; padding-left:50px;} h1.Mobiel{background:url(http://assets.tn-media.be/graphics/IconMobiel.gif) no-repeat; padding-left:50px;} h1.Mobile{background:url(http://assets.tn-media.be/graphics/IconMobile.gif) no-repeat; padding-left:90px;} h1.MobileTalk{background:url(http://assets.tn-media.be/graphics/IconMobileTalk.gif) no-repeat; padding-left:50px;} h1.MobileSurf{background:url(http://assets.tn-media.be/graphics/IconMobileSurf.gif) no-repeat; padding-left:50px;} h1.Telenet{background:url(http://assets.tn-media.be/graphics/IconTelenet.gif) no-repeat; padding-left:50px;} h3.MobileTalk{background:url(http://assets.tn-media.be/graphics/IconMobileTalk.gif) no-repeat; padding-left:50px; line-height: 30px;} h3.MobileSurf{background:url(http://assets.tn-media.be/graphics/IconMobileSurf.gif) no-repeat; padding-left:50px; line-height: 30px;} h1 sup{font-size:50%; font-weight:normal;} /* BoxPriceTag: Yellow Pricetags - BoxPriceTag02: Grey Pricetags - BoxPriceTag03: Red Pricetags - BoxPriceTag04: Yellow Pricetags on grey bg (efefef) */ .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;} .BoxPriceTag02, .BoxPriceTag02 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgGreyPriceTag.gif);background-repeat:no-repeat;} .BoxPriceTag03, .BoxPriceTag03 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgRedPriceTag.gif);background-repeat:no-repeat;} .BoxPriceTag04, .BoxPriceTag04 .Locker{background-image: url(http://graphics.tn-media.be/bgYellowPriceTagOnGrey.png);background-repeat:no-repeat;} .BoxPriceTag, .BoxPriceTag02, .BoxPriceTag03, .BoxPriceTag04 {width:102px; 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 original color:c00 */ .BoxPriceTag02{color:#cc0000;} .BoxPriceTag03{color:#ffffff;} .BoxPriceTag .Locker, .BoxPriceTag02 .Locker, .BoxPriceTag03 .Locker, .BoxPriceTag04 .Locker{background-position:left top; background-repeat:no-repeat; display:block; padding-top:8px;} .BoxPriceTag .txtLarge, .BoxPriceTag02 .txtLarge, .BoxPriceTag03 .txtLarge, .BoxPriceTag04 .txtLarge{font-size:17px; line-height:20px;} .BoxPriceTag03 .Locker {padding: 8px 5px 0 5px;} /* The vertical colums: 3 styles: Grey, DarkGrey en White with yellow border. DarkGrey is used in the RightPane */ .BoxHolder181{display:block; float:right; width:181px; margin-left:14px;} .BoxHolder181 img{margin-bottom:15px;} .Box181, .Box181 .Locker{background-repeat:no-repeat;} .Box181{width:181px; background-position:right top; text-align:left; float:right; margin-bottom:15px; padding-top:10px;} .Box181 .Locker{background-position:right bottom; display:block; padding:0px 4px 15px 15px; margin:0;} .Box181 img {display:block; margin:auto;} .Box181 h6{padding-top:3px;} .BgGrey{background-image: url(http://assets.tn-media.be/graphics/bgBoxGrey181.gif);} .BgYellowLine{background-image: url(http://assets.tn-media.be/graphics/bgBoxYellowLine181.gif);} .BgYellowLine p{padding-bottom:0; margin-bottom:0; margin-top:7px;} .BoxPromo181, .BoxPromo181 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgStickerPromoYellow_NL.gif);background-repeat:no-repeat;} .BoxPromo181{width:181px; background-position:right bottom; text-align:left; float:right; padding-bottom:10px; margin-bottom:5px; overflow:hidden;} .BoxPromo181 .Locker{background-position:right top; background-repeat:no-repeat; display:block;padding:20px 15px 0px 15px; text-align:center;} .BoxPromo181 h5.ColorWhite, .BoxPromo181 p.ColorWhite{color:white;} .BoxGreyBorder181, .BoxGreyBorder181 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgBoxGreyBorder181.gif);background-repeat:no-repeat;} .BoxPromo153 h5.ColorWhite, .BoxPromo153 p.ColorWhite{color:white;} .BoxPromo153, .BoxPromo153 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgStickerPromoYellow_153_NL.gif);background-repeat:no-repeat;} .BoxPromo153{width:153px; background-position:right bottom; text-align:left; padding-bottom:10px; margin-bottom:5px; overflow:hidden; float: right; margin-right: 5px;} .BoxPromo153 .Locker{background-position:right top; background-repeat:no-repeat; display:block;padding:10px 15px 0px 15px; text-align:center;} .BoxPromo153 h5.ColorWhite, .BoxPromo153 p.ColorWhite{color:white;} .BoxGreyBorder181{width:181px; background-position:right bottom; text-align:left; float:right; padding-bottom:3px; margin-bottom:15px; overflow:hidden;} .BoxGreyBorder181 .Locker{background-position:right top; background-repeat:no-repeat; display:block;padding:7px 15px 0px 15px; text-align:left;} .BoxGreyBorder181 .BtnArrowOnGrey{margin-top:15px;} .BoxGreyBorder181 .BtnArrow{margin-top:0px;} .BoxGreyBorder181 img{text-align:center; margin:15px auto 0 auto; display:block;} .BoxGreyBorder181 .AlignCenter{padding-top:0px;} .BoxPromoYellowSingle, .BoxPromoYellowSingle .Locker{background-image: url(http://assets.tn-media.be/graphics/bgBoxPromoYellowSingle.gif);background-repeat:no-repeat;} .BoxPromoYellowSingle{width:375px; background-position:right bottom; text-align:left; padding-bottom:10px; margin-bottom:15px; overflow:hidden;} .BoxPromoYellowSingle .Locker{background-position:right top; background-repeat:no-repeat; display:block;padding:20px 15px 0px 15px; text-align:left;} .BoxPromoYellowSingle h1{font-size:17px; font-weight:normal; color:#303030; padding-top:0;} .BoxPromoYellowSingle p{color:#404040;} .BoxPromoYellowSingle .BtnArrowOnRed{background-image: url(http://assets.tn-media.be/graphics/BtnArrowOnRed2.gif);} .BoxPromoYellowSingle .BtnArrowOnGrey{background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnGrey3.gif);} .bgBoxWhiteInYellow, .bgBoxWhiteInYellow .Locker{background-image: url(http://assets.tn-media.be/graphics/bgBoxWhiteInYellow.gif);background-repeat:no-repeat;} .bgBoxWhiteInYellow{width:345px; background-position:right bottom; text-align:left; padding-bottom:5px; margin-bottom:10px; margin-left:auto; margin-right:auto; overflow:hidden;} .bgBoxWhiteInYellow .Locker{background-position:right top; background-repeat:no-repeat; display:block;padding:10px 5px 0px 5px; text-align:left;} .bgBoxWhiteInYellow h1{font-size:17px; font-weight:normal; color:#303030; padding-top:0;} .bgBoxWhiteInYellow p{color:#404040;} .bgBoxWhiteInYellow ol li{color:#cc0000; font-weight:bold; font-size:14px;} .bgBoxWhiteInYellow ol li span{color:#303030; font-weight:bold; font-size:11px;} .bgBoxWhiteInYellow .BtnArrowOnRed{background-image: url(http://assets.tn-media.be/graphics/BtnArrowOnRed.gif);} .BoxGreyInWhite, .BoxGreyInWhite .Locker{background-image: url(http://assets.tn-media.be/graphics/bgBoxGreyInWhite.gif)!important;background-repeat:no-repeat;} .BoxGreyInWhite{width:344px; background-position:left bottom; text-align:left; padding-bottom:5px; margin-bottom:5px; margin-left:auto; margin-right:auto; overflow:hidden;} .BoxGreyInWhite .Locker{background-position:left top!important; background-repeat:no-repeat; display:block;padding:10px 5px 0px 5px; text-align:left;} .BoxGreyInWhite h1{font-size:17px; font-weight:normal; color:#303030; padding-top:0;} .BoxGreyInWhite p{color:#404040;} .BoxGreyInWhite ol li{color:#cc0000; font-weight:bold; font-size:14px;} .BoxGreyInWhite ol li span{color:#303030; font-weight:bold; font-size:11px;} .BoxGreyInWhite .BtnArrowOnRed{background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnRed.gif);} .bgBoxWhiteInGrey2, .bgBoxWhiteInGrey2 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgBoxWhiteInGrey2.gif);background-repeat:no-repeat;} .bgBoxWhiteInGrey2{width:150px; background-position:right bottom; text-align:left; padding-bottom:5px; margin-bottom:15px; margin-top:10px; overflow:hidden;} .bgBoxWhiteInGrey2 .Locker{background-position:right top; background-repeat:no-repeat; display:block;padding:10px 5px 0px 5px; text-align:left; position:relative;} .bgBoxWhiteInGrey2 h1{font-size:17px; font-weight:normal; color:#303030; padding-top:0;} .bgBoxWhiteInGrey2 p{color:#404040;} .bgBoxWhiteInGrey2 ul li{font-size:9px; line-height:10px; padding-top:2px; background-position:3px 1px;} .bgBoxWhiteInGrey2 .BtnArrowOnRed{background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnRed.gif);} .bgBoxWhiteInGrey2 img{margin-top:15px;} .BoxPriceTageInWhite{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:#CC0000!important; font-weight:bold;} .BoxPromoSingle2, .BoxPromoSingle2 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgBoxPromoSingle2.gif);background-repeat:no-repeat;} .BoxPromoSingle3, .BoxPromoSingle3 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgBoxPromoSingle3.gif);background-repeat:no-repeat;} .BoxPromoSingle2, .BoxPromoSingle3{width:375px; background-position:right bottom; text-align:left; padding-bottom:10px; margin-bottom:5px; overflow:hidden;} .BoxPromoSingle2 .Locker, .BoxPromoSingle3 .Locker{background-position:right top; background-repeat:no-repeat; display:block;padding:20px 15px 0px 15px; text-align:left;} .BoxPromoSingle2 h1, .BoxPromoSingle3 h1{font-size:17px; font-weight:normal; color:#303030; padding-top:10px;} .BoxPromoSingle2 p, .BoxPromoSingle3 p{color:#404040;} .BoxPromoSingle4, .BoxPromoSingle4 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgBoxPromoSingle4.gif);background-repeat:no-repeat;} .BoxPromoSingle4 {width:572px; background-position:left bottom; text-align:left; padding-bottom:10px; margin-bottom:5px; overflow:hidden;} .BoxPromoSingle4 .Locker, .BoxPromoSingle4 .Locker{background-position:right top; background-repeat:no-repeat; display:block;padding:20px 15px 0px 15px; text-align:left;} .BoxPromoSingle4 h1{font-size:17px; font-weight:normal; color:#303030; padding-top:10px;} .BoxPromoSingle4 p{color:#404040;} .PackPlus2 {margin-left: 273px;} .BoxPromo175, .BoxPromo175 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgStickerPromoYellow_175_NL.gif);background-repeat:no-repeat;} .BoxPromo175{width:181px; background-position:right bottom; text-align:left; float:right; padding-bottom:10px; margin-bottom:5px; overflow:hidden;} .BoxPromo175 .Locker{background-position:right top; background-repeat:no-repeat; display:block;padding:20px 15px 0px 15px; text-align:center;} .BoxPromo175 h5.ColorWhite, .BoxPromo181 p.ColorWhite{color:white;} /* Horizontal boxes using image, text and hover effect on div */ .BoxItemHolder, .BoxItemHolder .Locker{background-repeat:no-repeat;} .BoxItemHolder{width:100%;background-position:left top; text-align:left; float:left;padding-top:10px; display:block; overflow:hidden;} .BoxItemHolder .Locker{background-position:left bottom; background-repeat:no-repeat; display:block; padding:5px 15px 15px 15px; margin:0; float:left; width:100%;} .BoxItemHolder a.BtnArrowOnGrey{color:#606060} .BoxItemHolder a.BtnArrowOnGrey:hover{color:#cc0000} .BoxItemHolder img {float:left; margin-right:15px;} .ItemTxt{float:left; width:430px;} .BackgroundOn{background-image: url(http://assets.tn-media.be/graphics/bgBoxItemHolder.gif);}/* Style used for the hover effect on a div */ .BackgroundOn .Locker{background-image: url(http://assets.tn-media.be/graphics/bgBoxItemHolder.gif);} /* Boxholder for flashbanner Promo */ .BoxPromo572, .BoxPromo572 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgPromoBannerYellow.gif); background-repeat:no-repeat; float:left;} .BoxPromo572{width:572px; background-position:left bottom; padding-bottom:14px; margin-bottom:5px; overflow:hidden; float:left;} .BoxPromo572 .Locker{background-position:left top; width:542px; background-repeat:no-repeat; display:block; padding:10px 15px 0px 15px; text-align:left;} .FlashPromo{float:left; width:320px; background:#ffcc00; display:block; position:relative;} .TxtPromo{float:left; width:200px; margin-left:7px;} /* Double column on a page, Box containing grey icons, pricetags, h3, p en list. */ #TblPromoDuo td, #TblPromoDuo th{vertical-align:top;} #TblPromoDuo td.Odd, #TblPromoDuo th.Odd{width:247px;} #TblPromoDuo td.Even, #TblPromoDuo th.Even{width:247px;} #TblPromoDuo .Stretcher{height:100%;} #TblPromoDuo .StretcherTop, #TblPromoDuo .StretcherBottom{background-image: url(http://assets.tn-media.be/graphics/bgBoxPromoDuo.gif); background-repeat:no-repeat;} #TblPromoDuo .greyBlock .StretcherTop, #TblPromoDuo .greyBlock .StretcherBottom{background-image: url(http://assets.tn-media.be/graphics/bgBoxPromoDuoGrey.gif); background-repeat:no-repeat;} #TblPromoDuo .StretcherTop{background-position:left top; padding:15px 30px 15px 15px;} #TblPromoDuo .StretcherTop.Even{padding-right:15px;} #TblPromoDuo .StretcherBottom{background-position:left bottom; height:10px; margin-bottom:10px;} .StretcherTop .BoxPriceTag{margin:-15px 0 0 0;} .StretcherTop h3 {padding-top:20px;} .StretcherTop p{margin-bottom:0; padding-bottom:0;} .StretcherMiddle {background-image:url(http://assets.tn-media.be/graphics/stretchermiddle.gif); background-repeat:repeat-y;background-position:left; padding:0px 15px;} /* Holder for the grey icons */ .BoxIconHolder, .BoxIconHolder .Locker{background-image: url(http://assets.tn-media.be/graphics/bgBoxIconHolder.gif);} .BoxIconHolder{background-position: left top; padding-left:7px; margin-right:5px; margin-top:-15px; float:right; height:31px; position:absolute;} .BoxIconHolder .Locker{background-position:right top; display:block; float:left; height:26px; padding-top:5px; padding-right:1px; white-space:nowrap; overflow:hidden;} .BoxIconHolder img{margin-right:6px;} /* Style for the list*/ .BoxListDuo, .BoxListDuo .Locker{background-image: url(http://assets.tn-media.be/graphics/bgListPromoDuo.gif);} .BoxListDuo{background-position: left top; padding-top:5px; width:247px; margin:15px 0 7px 0;} .BoxListDuo .Locker{background-position:left bottom; background-repeat:no-repeat; display:block;padding-bottom:5px; width:100%;} .BoxListDuo ul{ padding-bottom:0; margin-bottom:0; padding-top:3px;} .BoxListDuo ul li{background-image: url(http://assets.tn-media.be/graphics/bgListYellow.gif); font-weight:normal; margin-left:10px;} .BoxListDuo p{margin-bottom:0px; margin-top:3px;} .StretcherTop a.BtnArrowOnGrey, .StretcherTop a.BtnArrowOnRed{float:left; margin-right:15px;} .NoStretcher{padding-top:12px;} /* Single column on a page, Box containing grey icons, pricetags, h3, p en list. */ #TblPromoSingle td, #TblPromoSingle th{vertical-align:top;} #TblPromoSingle .StretcherTop, #TblPromoSingle .StretcherBottom{background-image: url(http://assets.tn-media.be/graphics/bgBoxPromoSingle.gif); background-repeat:no-repeat;} #TblPromoSingle .StretcherTop{background-position:left top; padding:15px 15px 15px 15px;} #TblPromoSingle .StretcherBottom{background-position:left bottom; height:10px; margin-bottom:10px;} .BoxListSingle, .BoxListSingle .Locker{background-image: url(http://assets.tn-media.be/graphics/bgListPromoSingle.gif);} .BoxListSingle{background-position: left top; padding-top:5px; width:339px; margin:15px 0;} .BoxListSingle .Locker{background-position:left bottom; margin-bottom:10px; padding-bottom:0px; } .BoxListSingle ul{ padding-bottom:0; padding-top:3px;} .BoxListSingle ul li{background-image: url(http://assets.tn-media.be/graphics/bgListGrey.gif); font-weight:bold; margin-left:10px;} .StretcherTop a.BtnArrowOnGrey, .StretcherTop a.BtnArrowOnRed{float:left; margin-right:15px;} /*voor pack details*/ .BoxListPackSingle, .BoxListPackSingle .Locker {background-image: url(http://assets.tn-media.be/graphics/bgListPackSingle.gif);} .BoxListPackSingle {background-position: left top; padding-top:5px; width:541px; margin:15px 0;} .BoxListPackSingle .Locker {background-position:left bottom; margin-bottom:10px; padding-bottom:0px;} .BoxListPackSingle ul{padding-bottom:0; padding-top:3px;} .BoxListPackSingle ul li{background-image: url(http://assets.tn-media.be/graphics/bgListYellow.gif); font-weight:normal; margin-left:10px;} /*070924 ilse box voor pack details .BoxListPackSingle, .BoxListPackSingle .Locker{background-image: url(http://assets.tn-media.be/graphics/bgListPromoSingle.gif);} .BoxListPackSingle{background-position: left top; padding-top:5px; width:339px; margin:15px 0;} .BoxListPackSingle .Locker{background-position:left bottom; margin-bottom:10px; padding-bottom:5px; } .BoxListPackSingle ul{ padding-bottom:0; padding-top:3px;} .BoxListPackSingle ul li{background-image: url(http://assets.tn-media.be/graphics/bgListYellow.gif); font-weight:normal; margin-left:10px;} */ .PacksOptionFocus {width:139px; background:url(http://assets.tn-media.be/graphics/BgPacksOptionFocus.gif) no-repeat left top; float: left; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; margin-left:-2px;} .PacksOptionFocus h3 {padding-top: 5px;} .PacksOptionFocusBottom {width:139px; height:9px; background:url(http://assets.tn-media.be/graphics/BgPacksOptionFocus.gif) no-repeat left bottom; float: left; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; margin-left:-2px;} .PacksOption2Focus {width:127px; background:url(http://assets.tn-media.be/graphics/BgPacksOption2Focus.gif) no-repeat left top; float: left; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; margin-left:-2px;} .PacksOption2Focus h3 {padding-top: 5px; } .PacksOption2FocusBottom {width:127px; height:9px; background:url(http://assets.tn-media.be/graphics/BgPacksOption2Focus.gif) no-repeat left bottom; float: left; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; margin-left:-2px;} /* Box for Complex and simple table (see below) */ .BoxBorderHolder{width:573px;background: url(http://assets.tn-media.be/graphics/BoxBorderBottom.gif) left bottom no-repeat; padding-bottom:11px;} .BoxBorderTop, .BoxBorderMiddle{width:571px; display:block;} .BoxBorderTop{background: url(http://assets.tn-media.be/graphics/BoxBorderTop.gif) repeat-y left bottom; height:10px; padding:0 1px;} .BoxBorderMiddle{background: url(http://assets.tn-media.be/graphics/BoxBorderMiddle.gif) repeat-y; padding:0 1px;} .FullSpread .BoxBorderHolder{width:773px;background: url(http://assets.tn-media.be/graphics/BoxBorderFullBottom.gif) left bottom no-repeat; padding-bottom:11px;} .FullSpread .BoxBorderTop, .FullSpread .BoxBorderMiddle{width:765px; display:block;} .FullSpread .BoxBorderTop{background: url(http://assets.tn-media.be/graphics/BoxBorderFullTop.gif) repeat-y bottom left; height:10px; padding:0 1px;} .FullSpread .BoxBorderMiddle{background: url(http://assets.tn-media.be/graphics/BoxBorderFullMiddle.gif) repeat-y; padding:0 1px;} #GreyBorder.BoxBorderHolder{background: url(http://assets.tn-media.be/graphics/BoxBorderBottomGrey.gif) left bottom no-repeat; margin-top:6px;} #GreyBorder .BoxBorderTop{background: url(http://assets.tn-media.be/graphics/BoxBorderTopGrey.gif) left bottom repeat-y;} #GreyBorder .BoxBorderMiddle{background: url(http://assets.tn-media.be/graphics/BoxBorderMiddleGrey.gif) repeat-y; padding:0 0 0 17px;width:558px;overflow:hidden;} .GreyBorder .BoxBorderHolder{background: url(http://assets.tn-media.be/graphics/BoxBorderBottomGrey.gif) left bottom no-repeat; margin-top:6px;} .GreyBorder .BoxBorderTop{background: url(http://assets.tn-media.be/graphics/BoxBorderTopGrey.gif) repeat-y;} .GreyBorder .BoxBorderMiddle{background: url(http://assets.tn-media.be/graphics/BoxBorderMiddleGrey.gif) repeat-y; padding:0 1px; width:571px;overflow:hidden;} /*Complex & Simple table*/ .TblComplex h3, .TblSimple h3{padding-top:0;} .TblComplex td, .TblComplex th{border:1px white solid; padding:2px 5px;} .TblSimple td, .TblSimple th{border:1px white solid; padding:2px 10px 2px 5px;} .TblSimple tr:hover{background:#f6f6f6; color:#cc0000} /*.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;} .ColGreyBorder{ border:none!important; border-top:1px silver dotted!important;} .ColGreyBorder2{ border:none!important; border-top:1px silver dotted!important; border-bottom:1px silver dotted!important;} .ColYellow01, .ColYellow02, .ColYellow03, .ColYellow04{font-family:Verdana, Arial, Helvetica, sans-serif;} /*.ColYellow01{background:#ffe066} .ColYellow02{background:#ffeca1}*/ .ColYellow01 {background: #E6E6E6} .ColYellow02 {background: #EEEEEE} .ColYellow03{background:#fff6d4} .ColYellow04{background:#fff6d4} /*.ColYellow01:hover{background:#fff6d4;} .ColYellow02:hover{background:#fff6d4;}*/ .ColYellow01:hover {background:#DCDCDC} .ColYellow02:hover {background:#DCDCDC} .ColYellow03:hover{background:#fff;} .ColYellow04:hover{background:#fff; color:#cc0000} .ColYellow01BG{background: url(http://assets.tn-media.be/graphics/bgColYellow01.gif)} .ColYellow02BG{background: url(http://assets.tn-media.be/graphics/bgColYellow02.gif)} .ColYellow03BG{background: url(http://assets.tn-media.be/graphics/bgColYellow03.gif)} .ColYellow04BG{background: url(http://assets.tn-media.be/graphics/bgColYellow03.gif)} .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} /*Boxes and styles for Tabs*/ #BoxTabs{margin:10px 0 0 3px; position:relative; top:1px; width:100%; height:22px;} #BoxTabs a{text-decoration:none; font-weight:bold; font-size:11px; color:#606060; line-height:22px; white-space:nowrap; padding:0 0 0 5px; margin:0; display:block; float:left;} #BoxTabs a:hover{color:#fff;} #BoxTabs a span{display:block; height:22px; padding:0 0 0 10px; background: url(http://assets.tn-media.be/graphics/bgNavTabYellow.gif) left top; float:left; cursor:pointer} #BoxTabs a span.Locker{background: url(http://assets.tn-media.be/graphics/bgNavTabYellow.gif) right top; width:10px; padding:0 0 0 0;} #BoxTabs a.Active span{background: url(http://assets.tn-media.be/graphics/bgNavTabYellow.gif) left bottom;} #BoxTabs a.Active span.Locker{background: url(http://assets.tn-media.be/graphics/bgNavTabYellow.gif) right bottom;} #BoxTabs a.Active:hover{color:#606060!important;} /*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 #7f9db9;} /*label{cursor:pointer; color:#606060!important; position:relative; margin:4px 0 6px 2px; display:block;} label:hover{color:#cc0000!important; text-decoration:underline;}*/ 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;} /* The buttons */ a.BtnGreyLarge{display:block; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:white!important;} a.BtnGreyLarge:hover{text-decoration:none!important; color:#dcdcdc!important;} a.BtnGreyLarge span{display:block; height:21px; padding:2px 0 0 10px; background:url(http://assets.tn-media.be/graphics/btnGrey.gif) left top; float:left; cursor:pointer} a.BtnGreyLarge span.Locker{background:url(http://assets.tn-media.be/graphics/btnGrey.gif) right top; width:10px; padding:2px 0 0 0;} a.BtnGreyLarge:hover span{background:url(http://assets.tn-media.be/graphics/btnGrey.gif) left bottom;} a.BtnGreyLarge:hover span.Locker{background:url(http://assets.tn-media.be/graphics/btnGrey.gif) right bottom;} .BgGreyDark a.BtnGreyLarge span{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) left top;} .BgGreyDark a.BtnGreyLarge span.Locker{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) right top;} .BgGreyDark a.BtnGreyLarge:hover span{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) left bottom;} .BgGreyDark a.BtnGreyLarge:hover span.Locker{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) right bottom;} a.BtnGreyLarge2{display:block; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:white!important;} a.BtnGreyLarge2:hover{text-decoration:none!important; color:#dcdcdc!important;} a.BtnGreyLarge2 span{display:block; height:40px; padding:6px 0 0 10px; background:url(http://assets.tn-media.be/graphics/btnGreyDouble.gif) left top; float:left; cursor:pointer} a.BtnGreyLarge2 span.Locker{background:url(http://assets.tn-media.be/graphics/btnGreyDouble.gif) right top; width:10px; padding:6px 0 0 0;} a.BtnGreyLarge2:hover span{background:url(http://assets.tn-media.be/graphics/btnGreyDouble.gif) left bottom;} a.BtnGreyLarge2:hover span.Locker{background:url(http://assets.tn-media.be/graphics/btnGreyDouble.gif) right bottom;} a.BtnGreyLarge3{display:block; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:white!important; line-height:12px;} a.BtnGreyLarge3:hover{text-decoration:none!important; color:#dcdcdc!important;} a.BtnGreyLarge3 span{display:block; height:44px; padding:2px 0 0 10px; background:url(http://assets.tn-media.be/graphics/btnGreyDouble.gif) left top; float:left; cursor:pointer} a.BtnGreyLarge3 span.Locker{background:url(http://assets.tn-media.be/graphics/btnGreyDouble.gif) right top; width:10px; padding:2px 0 0 0;} a.BtnGreyLarge3:hover span{background:url(http://assets.tn-media.be/graphics/btnGreyDouble.gif) left bottom;} a.BtnGreyLarge3:hover span.Locker{background:url(http://assets.tn-media.be/graphics/btnGreyDouble.gif) right bottom;} a.BtnGreySmall, a.BtnGreySmallFocus{display:block; float:left; text-decoration:none; font-weight:bold; line-height:14px; font-size:10px; color:white!important; margin: 5px 0 0 0; white-space:nowrap;} a.BtnGreySmall:hover, a.BtnGreySmallFocus:hover{text-decoration:none;color:#dcdcdc!important;} a.BtnGreySmall span, a.BtnGreySmallFocus span{display:block; height:17px; padding:0 0 0 10px; background:url(http://assets.tn-media.be/graphics/btnGreySmallHeader.gif) left top; float:left; cursor:pointer; overflow:hidden;} a.BtnGreySmall span.Locker, a.BtnGreySmallFocus span.Locker{background:url(http://assets.tn-media.be/graphics/btnGreySmallHeader.gif) right top; width:10px; padding:0 0 0 0;} a.BtnGreySmall:hover span, a.BtnGreySmallFocus span{background:url(http://assets.tn-media.be/graphics/btnGreySmallHeader.gif) left bottom;} a.BtnGreySmall:hover span.Locker, a.BtnGreySmallFocus span.Locker{background:url(http://assets.tn-media.be/graphics/btnGreySmallHeader.gif) right bottom;} #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://assets.tn-media.be/graphics/btnGreyLeft.gif) top left no-repeat; height: 21px; margin :0px; padding : 0px 5px; float: left; } .formBtnGrey 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/btnGrey.gif) top right no-repeat; border: 0px;} .formBtnGrey a.button {display:block; height: 21px; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:white!important; margin: 0px; padding: 2px 10px 0 10px; background : url(http://assets.tn-media.be/graphics/btnGrey.gif) top right no-repeat; border: 0px;} .formBtnLBrown {background: url(http://assets.tn-media.be/graphics/btnLBrownLeft.gif) top left no-repeat; height: 16px; margin :0px; padding : 0px 5px; float: left; } .formBtnLBrown input {display:block; height: 16px; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:white!important; margin: 0px; padding: 2px 10px 10px 0px; background : url(http://assets.tn-media.be/graphics/btnLBrown.gif) top right no-repeat; border: 0px;} .formBtnLBrown .button {display:block; height: 16px; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:white!important; margin: 0px; padding: 1px 10px 0 5px; background : url(http://assets.tn-media.be/graphics/btnLBrown.gif) top right no-repeat; border: 0px;} /*Jellybeans as buttons*/ a.BtnArrowOnGrey, a.BtnArrowOnRed, a.BtnTipNL, a.BtnTipFR, a.BtnTipEN, span.BtnArrowOnGrey, span.BtnArrowOnRed, 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, input.BtnArrowOnRed {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.BtnArrowOnGrey, span.BtnArrowOnGrey{background-image: url(http://assets.tn-media.be/graphics/BtnArrowOnGrey.gif); font-weight:bold; color:#909090} a.BtnArrowOnRed, span.BtnArrowOnRed, input.BtnArrowOnRed {background-image: url(http://assets.tn-media.be/graphics/BtnArrowOnRed.jpg); font-weight:bold; color:#cc0000} input.BtnArrowOnRed {background-color: #ffffff; border: 1px solid #ffffff; border: none;} a.BtnArrowOnRed_e9, span.BtnArrowOnRed_e9{background-image: url(http://graphics.tn-media.be/jellybean/BtnArrowOnRed_e9.gif); font-weight:bold; color:#cc0000} 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;} .BgGreyDark a.BtnArrowOnGrey{background-image: url(http://assets.tn-media.be/graphics/BtnArrowOnGrey2.gif); color:#f2f2f2} .BgGreyDark a.BtnArrowOnRed{background-image: url(http://assets.tn-media.be/graphics/BtnArrowOnRed2.gif); color:#f2f2f2} .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} .BgGreyDark p.BtnArrowOnGrey{background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnGrey2.gif); color:#ccc} .BgGreyDark p.BtnArrowOnRed{background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnRed2.gif); color:#ccc} /* 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);} /* The flow */ .FlowLine { margin-top:20px; width:100%; height:31px; background-image: url(http://assets.tn-media.be/graphics/bgFlowLineFill.jpg); background-repeat:repeat-x;} .FlowLineLeft {float:left; background-image: url(http://assets.tn-media.be/graphics/bgFlowLineLeft.jpg); width:10px; height:31px;} .FlowLineTitle { float:left;color:#FFFFFF; font-size:12px; font-weight:bold; margin-top:8px;} .FlowLineRight{float:right; background-image: url(http://assets.tn-media.be/graphics/bgFlowLineRight.jpg); width:10px; height:31px} .FlowLineItems{ height:31px; margin:0; padding:0; overflow:hidden;} .FlowLineItems a:hover { text-decoration:none;} .FlowLineItems img {float:right; margin:8px 8px 0 8px; } .FlowItem { float:right; padding-left:8px; padding-right:8px; height:31px; } .FlowItem a { display:block; height:31px; padding-top:8px;text-decoration:none; float:left} .CurrentStep { float:right; padding-left:14px; height:31px; background: url(http://assets.tn-media.be/graphics/bgFlowLineLink.jpg) no-repeat left top; margin-right:5px;} .CurrentStep a {display:block; float:left; height:31px; padding-right:14px; background: url(http://assets.tn-media.be/graphics/bgFlowLineLink.jpg) no-repeat right top; text-decoration:none; font-weight:bold; line-height:29px;} .CurrentStep span {display:block; float:left; height:31px; padding-right:14px; background: url(http://assets.tn-media.be/graphics/bgFlowLineLink.jpg) no-repeat right top; text-decoration:none; font-weight:bold; line-height:29px;} a .topPush{ position:absolute; margin-top:8px; } .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;} .Subpage .BgGreyDark{background-image: url(http://assets.tn-media.be/graphics/bgBoxGreyDark181.gif); width:180px; color:#f2f2f2} .BgGreyDark .Locker{padding:0 4px 0px 5px; background-image: url(http://assets.tn-media.be/graphics/bgBoxGreyDark181.gif); float:left;} .BgGreyDark h3, .BgGreyDark h4, .BgGreyDark ul, .BgGreyDark p{ padding-left:10px;} .BgGreyDark .Textfield{color:#666;} .BgGreyDark h4{color:#ffcc00;} .BgGreyDark h3{color:#f2f2f2; margin-bottom:3px; padding-top:0;} .BgGreyDark ul, .BgGreyDark p, .BgGreyDark a{color:#f2f2f2;} .BgGreyDark ul a{text-decoration:none;} .BgGreyDark a:hover{color:white; text-decoration:underline} .BgGreyDark .Textfield{background:#ccc; border:solid 1px #9c9c9c;} .BgGreyDark #TxtLogin, .BgGreyDark #TxtPassword{width:75px;} .BgGreyDark #TxtSupport{width:120px; padding-top:2px; padding-bottom:2px;} .BgGreyDark img.Thumb{margin:0 auto 5px auto; display:block} .BgGreyDark .BoxSpecial{margin-bottom:15px;} .BgGreyDark .BoxSpecial p{ padding-left:20px; margin-bottom:0;} .BgGreyDark ul.BtnArrowOnGrey a{font-weight:bold; font-size:10px;} .BgGreyDark ul.BtnArrowOnGrey li {background-image: url(http://assets.tn-media.be/graphics/BtnArrowOnGrey2.gif)} /* 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;} /*Telenet (Digi)Packs Overview*/ .PacksLabels {height: 20px; color: #909090; font-weight: bold;} .PacksLabels .col1 {width: 280px; float: left; text-indent: 20px;} .PacksLabels .col2 {width: 179px; float: left;} .PacksLabels .col3 {width: 168px; float: left;} .PacksLabels .col4 {width: 143px; float: left;} .PacksOverview {background: transparent url(http://assets.tn-media.be/graphics/bgPacksOverview.gif) no-repeat left top; padding-top: 7px; float: left;} .PacksOverview .row {background: transparent url(http://assets.tn-media.be/graphics/bgPacksOvervieuw_symbols.gif) no-repeat left center;float: left;} .PacksOverview .row .col1 {width: 280px; float: left;} .PacksOverview .row .col2 {width: 179px; float: left;} .PacksOverview .row .col2 h2, .PacksOverview .col2 p {width: 145px;} .PacksOverview .row .col3 {width: 168px; float: left; height: 60px;} .PacksOverview .row .col4 {width: 133px; float: left;} .PacksOverview .row .col3 .colSpanner {position: absolute; width: 168px;} .PacksOverview .row .col4 .colSpanner {position: absolute; width: 143px;} .PacksOverview .PacksDevider {width: 773px; height: 22px; background: transparent url(http://assets.tn-media.be/graphics/bgPackDevider.gif) no-repeat left top; float: left;} .PacksOverview .PacksBottom {width: 773px; height: 11px; background: transparent url(http://assets.tn-media.be/graphics/bgPacksOverview.gif) no-repeat left bottom; float: left;} .PacksOverview .PackName {width: 125px; float: left; margin-left: 15px; display: inline;} .PacksOverview .PackPrice {width: 102px; float: left; font-size: 16px; margin: 5px 0 0 4px; display: inline;} .PacksOverview .PackPrice p { color: #c00; font-weight: bold; padding-bottom: 0;} .PacksOverview h2 { font-size: 16px; line-height: 18px; font-weight: normal; color: #303030; text-transform: none; } .PacksOverview .col2 h3, .PacksOverview .col3 h3 { font-size: 11px; padding-right: 30px;} .PacksOverview .col4 h3 { font-size: 11px; } .PacksOverview h3.option {color: #606060; font-weight: bold;} .PacksOverview .col2 p, .PacksOverview .col3 p { padding-right: 30px;} .PacksOverview h4 {color: #606060; padding-top: 0;} .PacksOverview .ProductChoice {text-align: center; margin-right: 14px;} .PacksOverview .ProductChoice small {color: #c00; font-weight: bold;} .PackPlus {margin-left: 175px;} .Packs2Overview {background: transparent url(http://assets.tn-media.be/graphics/bgPacks2Overview.gif) no-repeat left top; padding-top: 7px; float: left;} .Packs2Overview .row {background: transparent url(http://assets.tn-media.be/graphics/bgPacks2Overvieuw_symbols.gif) no-repeat left center;float: left;} .Packs2Overview .row .col1 {width: 280px; float: left;} .Packs2Overview .row .col2 {width: 179px; float: left;} .Packs2Overview .row .col2 h2, .PacksOverview .col2 p {width: 145px;} .Packs2Overview .row .col3 {width: 168px; float: left; height: 60px;} .Packs2Overview .row .col4 {width: 133px; float: left;} .Packs2Overview .row .col3 .colSpanner {position: absolute; width: 168px;} .Packs2Overview .row .col4 .colSpanner {position: absolute; width: 143px;} .Packs2Overview .PacksDevider {width: 773px; height: 22px; background: transparent url(http://assets.tn-media.be/graphics/bgPackDevider.gif) no-repeat left top; float: left;} .Packs2Overview .Packs2Bottom {width: 773px; height: 11px; background: transparent url(http://assets.tn-media.be/graphics/bgPacks2Overview.gif) no-repeat left bottom; float: left;} .Packs2Overview .PackName {width: 125px; float: left; margin-left: 15px; display: inline;} .Packs2Overview .PackPrice {width: 102px; float: left; font-size: 16px; margin: 5px 0 0 4px; display: inline;} .Packs2Overview .PackPrice p { color: #c00; font-weight: bold; padding-bottom: 0;} .Packs2Overview h2 { font-size: 16px; line-height: 18px; font-weight: normal; color: #303030; text-transform: none; } .Packs2Overview .col2 h3, .Packs2Overview .col3 h3 { font-size: 11px; padding-right: 30px;} .Packs2Overview .col4 h3 { font-size: 11px; } .Packs2Overview h3.option {color: #606060; font-weight: bold;} .Packs2Overview .col2 p, .Packs2Overview .col3 p { padding-right: 30px;} .Packs2Overview h4 {color: #606060; padding-top: 0;} .Packs2Overview .ProductChoice {text-align: center; margin-right: 14px;} .Packs2Overview .ProductChoice small {color: #c00; font-weight: bold;} /* Alternatieve view Packs */ .Packs3Overview {background: transparent url(http://assets.tn-media.be/graphics/bgPacks3Overview.gif) no-repeat left top; padding-top: 7px; float: left;} .Packs3Overview .row {background: transparent url(http://assets.tn-media.be/graphics/bgPacks2Overvieuw_symbols.gif) no-repeat left 40px;float: left;} .Packs3Overview .row .col1 {width: 280px; float: left;} .Packs3Overview .row .col2 {width: 179px; float: left;} .Packs3Overview .row .col2 h2, .Packs3Overview .col2 p {width: 145px;} .Packs3Overview .row .col3 {width: 168px; float: left; height: 60px;} .Packs3Overview .row .col4 {width: 133px; float: left;} .Packs3Overview .row .col3 .colSpanner {position: absolute; width: 168px;} .Packs3Overview .row .col4 .colSpanner {position: absolute; width: 143px;} .Packs3Overview .PacksDevider {width: 773px; height: 22px; background: transparent url(http://assets.tn-media.be/graphics/bgPackDevider.gif) no-repeat left top; float: left;} .Packs3Overview .Packs2Bottom {width: 773px; height: 11px; background: transparent url(http://assets.tn-media.be/graphics/bgPacks3Overview.gif) no-repeat left bottom; float: left;} .Packs3Overview .PackName {width: 125px; float: left; margin-left: 15px; display: inline;} .Packs3Overview .PackPrice {width: 102px; float: left; font-size: 16px; margin: 5px 0 0 4px; display: inline;} .Packs3Overview .PackPrice p {color: #c00; font-weight: bold; padding-bottom: 0;} .Packs3Overview h2 {font-size: 16px; line-height: 18px; font-weight: normal; color: #303030; text-transform: none; } .Packs3Overview .col2 h3, .Packs3Overview .col3 h3 {font-size: 11px; padding-right: 30px;} .Packs3Overview .col4 h3 {font-size: 11px; } .Packs3Overview h3.option {color: #606060; font-weight: bold;} .Packs3Overview .col2 p, .Packs3Overview .col3 p {padding-right: 30px;} .Packs3Overview h4 {color: #606060; padding-top: 0;} .Packs3Overview .ProductChoice {text-align: center; margin-right: 14px;} .Packs3Overview .ProductChoice small {color: #c00; font-weight: bold;} /* End alternatieve view Packs*/ /* Aanpassingen PACKS 28-01-2008 */ .PacksOverview .YellowBox{margin-left:15px;} .PacksOverview .YellowBox .link{margin-left:15px;} .PacksOverview .YellowBox .BoxPriceTag{margin-right:35px;} * html .PacksOverview .YellowBox .BoxPriceTag{margin-right:17px;} .PacksOverview .YellowBox .voordeel { color: #c00; font-weight: bold; padding-bottom: 0;} .PacksOverview .YellowBox .inline{display:inline;} .Packs2Overview .YellowBox{margin-left:15px;} .Packs2Overview .YellowBox .link{margin-left:15px;} .Packs2Overview .YellowBox .BoxPriceTag{margin-right:35px;} * html .Packs2Overview .YellowBox .BoxPriceTag{margin-right:17px;} .Packs2Overview .YellowBox .voordeel { color: #c00; font-weight: bold; padding-bottom: 0;} .Packs2Overview .YellowBox .inline{display:inline;} .Packs3Overview .YellowBox{margin-left:15px;} .Packs3Overview .YellowBox .link{margin-left:15px;} .Packs3Overview .YellowBox .BoxPriceTag{margin-right:35px;} * html .Packs3Overview .YellowBox .BoxPriceTag{margin-right:17px;} .Packs3Overview .YellowBox .voordeel { color: #c00; font-weight: bold; padding-bottom: 0;} .Packs3Overview .YellowBox .inline{display:inline;} /*Eind aanpassingen PACKS*/ /* Aanpassingen Digitale TV geen aankoop meer 04/02/2008*/ #ConTainer{color:#606060; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:14px;} #ConTainer #top{width:602px; height:10px; background-image: url(http://assets.tn-media.be/graphics/thuis_packs_top.gif); background-repeat: no-repeat; background-position:bottom; margin:0px; padding:0px; clear:both; } #ConTainer #top_3{width:772px; height:10px; background-image: url(http://assets.tn-media.be/graphics/thuis_packs_top_3.gif); background-repeat: no-repeat; background-position:bottom; margin:0px; padding:0px; clear:both; } #ConTainer #content_holder{float:left; } #ConTainer #left_col{width:153px; height:506px; background-image: url(http://assets.tn-media.be/graphics/thuis_packs_left_col.gif); background-repeat: no-repeat; float:left; text-align:center;} #ConTainer #left_col_1{width:156px; height:506px; background-image: url(http://assets.tn-media.be/graphics/thuis_packs_bg_eersteBox_3.gif); background-repeat: no-repeat; float:left; text-align:center;} #ConTainer #left_col_2{width:133px; height:506px; background-image: url(http://assets.tn-media.be/graphics/thuis_packs_left_col.gif); background-repeat: no-repeat; background-position:right; float:left; padding-left:13px;} * html #ConTainer #left_col_2{width:146px; padding-left:0;} #ConTainer #plus_col{width:20px; height:506px; /*background-image: url(bgPlus_3.gif); background-repeat: no-repeat; background-position:center;*/ float:left;} #ConTainer .content_box{width:449px; height:110px; background-image: url(http://assets.tn-media.be/graphics/thuis_packs_bg_box.gif); background-position: center; background-repeat: no-repeat;} #ConTainer #bottom{width:602px; height:10px; background-image: url(http://assets.tn-media.be/graphics/thuis_packs_bottom.gif); background-position:top; background-repeat: no-repeat; clear:both;} #ConTainer #bottom_3{width:772px; height:10px; background-image: url(http://assets.tn-media.be/graphics/thuis_packs_bottom_3.gif); background-position:top; background-repeat: no-repeat; clear:both;} #ConTainer .titel_een{font-size:11px; color:#303030; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:14px; padding:7px 15px 3px 0px;} #ConTainer p{ color:#606060; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:14px; margin:0pt 0pt 7px; padding:0pt 0pt 7px;} #ConTainer h4{ color:#606060; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:13px; padding:7px 15px 4px 0px;} #ConTainer .alternatieve_prijs{color:#CC0000; font-weight:bold;} #ConTainer .grijze_box{width:145px; padding-left:35px; float:left;} #ConTainer .gele_box{width:120px; padding-left:30px; float:left;} /**html #ConTainer .gele_box{width:140px; padding-left:30px; float:left;}*/ /** html #ConTainer .grijze_box{width:178px; padding-left:0px;} */ /*#ConTainer a.BtnArrowOnGrey:hover, a.BtnArrowOnRed:hover {text-decoration:underline;} #ConTainer a.BtnArrowOnRed, span.BtnArrowOnRed {background-image:url(BtnArrowOnRed.jpg); background-repeat: no-repeat; color:#CC0000; font-weight:bold;} #ConTainer a.BtnArrowOnGrey, span.BtnArrowOnGrey {background-image:url(BtnArrowOnGrey.jpg); color:#909090; background-repeat: no-repeat; font-weight:bold;} #ConTainer a.BtnArrowOnGrey, a.BtnArrowOnRed, span.BtnArrowOnGrey, span.BtnArrowOnRed {background-repeat:no-repeat; display:block; line-height:14px; margin-top:5px; padding-left:23px;}*/ #ConTainer .content_box .gele_box h2{color:#303030; font-size:16px; font-weight:normal; line-height:18px; text-transform:none; padding:5px 15px 3px 0px;} #ConTainer .prijsbox_holder{float:right;} #ConTainer .prijsbox {background-position:right bottom; color:#666666; /*float:right;*/ font-size:10px; font-weight:bold; line-height:12px; margin-bottom:4px; margin-right:9px; padding-bottom:8px; text-align:center; width:102px;} #ConTainer .prijsbox, #ConTainer .prijsbox .Locker {background-image:url(http://assets.tn-media.be/graphics/thuis_packs_bgYellowPriceTag.gif); background-repeat:no-repeat;} #ConTainer .Locker{padding-top:10px;} #ConTainer .txtLarge {font-size:17px; line-height:20px;} #ConTainer .header{color:#909090; font-weight:bold; text-indent:20px;} #ConTainer .plus_col_box{width:20px; height:110px; background-image: url(http://assets.tn-media.be/graphics/thuis_packs_bgPlus_3.gif); background-position: center; background-repeat: no-repeat;} #ConTainer .bg_plus_scheiding_3{width:20px; height:22px; background-image: url(http://assets.tn-media.be/graphics/thuis_packs_bg_plus_scheiding_3.gif);} /*END Aanpassingen Digitale TV geen aankoop meer*/ #tblOnlineSupport{margin-top:5px;} #tblOnlineSupport td, #tblOnlineSupport th{vertical-align:top;} #tblOnlineSupport .tdBull{color:#ffcc00; width:1em;} /* Sliding News*/ #GliderTelenetSpecials, #GliderSnelnieuws, #GliderPrime{width:204px;} #GliderTelenetSpecials{background: url(http://assets.tn-media.be/graphics/home/bgTelenetSpecials.gif) right top no-repeat;} #GliderSnelnieuws{background: url(http://assets.tn-media.be/graphics/home/bgSnelnieuws.gif) right top no-repeat;} #GliderPrime{background: url(http://assets.tn-media.be/graphics/home/bgPrime.gif) right top no-repeat;} #GliderTelenetSpecials h4, #GliderSnelnieuws h4, #GliderPrime h4{margin-left:0!important; padding-left:0!important;} div.scroller {width: 180px; height: 50px;overflow: hidden;margin-left:15px;margin-top:5px;} div.scroller div.section {width:206px;height:50px;overflow:hidden;float:left; } .imgSection{float:left;display:block; width:60px; height:40px;} .Corner{float:left; height:40px; background-image:url(http://assets.tn-media.be/graphics/home/bgThumbsSideBar.gif); width:100%;} div.scroller div.section .TxtSection{float:left; display:block; width:120px;} div.scroller div.section p{margin:0!important; padding:0 5px!important; font-size:9px; line-height:13px;} div.scroller div.section strong{color:#ffcc00} div.scroller div.content {width: 10000px;} #imgEntertainment{margin-left:15px; margin-right:5px;} #imgEntertainment .Corner{float:left; height:40px; background-image:url(http://assets.tn-media.be/graphics/home/bgThumbEntertainment.gif); width:100%;} .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%;} /*EXTRA CSS TOEGEVOEGD*/ /* Historiek*/ #history-wrapper {width: 530px;padding:0px;height: 320px;overflow: hidden;clear:left;float:left} #history-wrapper img{float:right;border:1px solid #cccccc;margin-left:7px;margin-bottom:7px;} .one_date {background-image:url(http://assets.tn-media.be/graphics/timeline/date_middle.jpg);width:530px;margin-left:auto;margin-right:auto;margin-bottom:10px;margin-top:0px;background-position:0% 100%;overflow:hidden;} .one_date_first{margin-top:15px;} .one_date .date_header{background-image:url(http://assets.tn-media.be/graphics/timeline/date_head.jpg);display:block;clear:both;height:10px;background-repeat:no-repeat;} .one_date .date_footer{background-image:url(http://assets.tn-media.be/graphics/timeline/date_foot.jpg);display:block;clear:both;height:10px;background-repeat:no-repeat;} .one_date span.date_month{float:left;display:inline; width:35px; padding:0px 5px 0px 5px;color:#CC0001;text-align:center;} .one_date .date_month b{ display:block;clear:both;font-weight:normal;color:#606060;} .one_date p{float:left;padding:0px 0px 0px 10px ;width:470px;} .one_date .clear{clear:both;height:0px;overflow:hidden;} /*the timeline controller*/ #wrap {float:right;clear: right;width:35px;height: 555px;cursor: pointer;} #track { clear:both; width: 35px;height: 320px;background-image:url(http://assets.tn-media.be/graphics/timeline/line-v.jpg);background-repeat:no-repeat; background-color:#ffffff;} /* vertical track handle */ #handle {width: 15px;height: 37px; padding-top:21px; padding-bottom:21px; cursor: pointer;margin-left:3px;} /*the management team*/ #popup { /* Necessary: */ position: absolute; z-index: 10; display:none; width:250px; padding-top:2px; background-repeat:no-repeat; height:86px;} #popup #popin {background-image:url(http://assets.tn-media.be/graphics/management/bg.jpg); height:86px; width:250px;} #popup span {float:left; width:170px;} #popup strong {color:#CC0001; display:block; font-weight:normal; margin-left:5px; padding-top:5px; text-decoration:none;} #popup i {display:block; color:#333333; font-style:normal; margin-left:5px;} #popup p {display:block; color:#CCCCCC; font-style:normal; margin-left:5px; font-size:10px; text-decoration:none;} #popup img {float:right; display:inline; border:1px solid #666666; margin:5px; text-decoration:none;} /*extra styles*/ .imageTextBoxHolder{} .textBox{margin-left: 200px; min-height: 170px;} .imageBox{float:left; height:160px; width:200px; overflow:hidden; padding-top:10px; text-align:center;} .BoxBorderHolderBestuur {margin-bottom:25px;} .BoxBorderTop h4 {background:#fff; margin-left:20px; float:left; padding:0px 6px; position: relative; top: -5px;} .raadvanbestuur tr td {padding:5px 5px 30px 5px; vertical-align:top; border-right:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;} .TblKlanten tr td {vertical-align:top;} .raadvanbestuur tr td p.about_person {display:block; height:100px;} .raadvanbestuur tr td p img {border:1px solid #CCCCCC;} .TblAdviseurs {width:100%;} .TblAdviseurs tr td {border-bottom:1px dotted #CCCCCC;} div#wie_zijn_we {background-image:url(http://images.tn-media.be/over_ons/wie_zijn_we/wiezijnwe_bg.jpg); width:307px; height:358px; padding:35px 225px 15px 50px;} /*Investor Relations*/ .BoxBorderHolderInvestorRelations h2 {padding:13px; color:#303030;} .BoxBorderHolderInvestorRelations ul li {background-image:none;} .BoxBorderHolderInvestorRelations p {padding-left:13px;} .RoundedFloatWrapper {width:277px; background-image:url(http://assets.tn-media.be/graphics/bgBoxPromoDuo.gif); background-repeat:no-repeat; background-position:top left; padding-top:10px; float:left; display:inline;} .InvestRow1 {height:270px;} .InvestRow2 {height:250px;} .RoundedFloatWrapperEven {margin-right:18px;} .RoundedFloatWrapper h4 {position:relative; display:inline; top:-6px; left:10px; background-color:white; padding:2px;} .RoundedFloatWrapper .RoundedFloatBottom {background-image:url(http://assets.tn-media.be/graphics/bgBoxPromoDuo.gif); background-repeat:no-repeat; background-position:bottom left; height:10px;} .RoundedFloat h2 , .RoundedFloat b, .RoundedFloat p {margin-top:10px; margin-left:13px; display:block;} .RoundedFloat ul {margin-top:10px; margin-left:13px;} .RoundedFloat ul li b {display:inline; margin:0px;} /*organisatie*/ img.organisatie {padding:10px;} #OrganisatieBoxBorderHolder table {float:left; width:437px;} #OrganisatieBoxBorderHolder img {float:left; margin-left:5px; margin-top:25px;} #OrganisatieBoxBorderHolder table b {color:#CC0001;} span.BtnArrowOnGrey{background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnGrey.gif); font-weight:bold; color:#606060;text-decoration:none; padding-left:23px; background-repeat:no-repeat; display:block;line-height:14px; margin-top:5px;} .RapportRow1 {height:150px;} .BoxBorderHolderPartnerShips table, .BoxBorderHolderPartnerShips table tr td {padding:10px;} .BoxBorderHolderPartnerShips table tr td img {border:1px solid #CCCCCC;} .BoxBorderHolderPartnerShips table tr td img#expose_thumb {padding:3px;} .BoxBorderHolderNoMar p, .BoxBorderHolderNoMar table img {margin:0px; padding:10px;} /*the sidebar for */ .ABox181, .ABox181 .ALocker{background-repeat:no-repeat;} .ABox181{width:181px; background-position:right top; text-align:left; float:right; margin-bottom:15px; padding-top:10px;} .ABox181 .ALocker{background-position:right bottom; display:block; padding:0px 4px 15px 15px; margin:0;} .ABox181 img {display:block; margin:auto;} .ABgGreyDark a.BtnGreyLarge span{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) left top;} .ABgGreyDark a.BtnGreyLarge span.ALocker{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) right top;} .ABgGreyDark a.BtnGreyLarge:hover span{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) left bottom;} .ABgGreyDark a.BtnGreyLarge:hover span.ALocker{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) right bottom;} .ABgGreyDark a.BtnArrowOnGrey{background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnGrey2.gif); color:#ccc} .ABgGreyDark a.BtnArrowOnRed{background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnRed2.gif); color:#ccc} .ABgGreyDark{background-image:url(http://assets.tn-media.be/graphics/sidebar_over_telenet/bgBoxGreyDark181.gif); width:179px; overflow:hidden; color:#ccc} .ABgGreyDark .ALocker{padding:0 4px 0px 5px; background-image:url(http://assets.tn-media.be/graphics/sidebar_over_telenet/bgBoxGreyDark181.gif); float:left;} .ABgGreyDark h3, .ABgGreyDark h4, .ABgGreyDark ul, .ABgGreyDark p{ padding-left:10px;} .ABgGreyDark h4{color:#ffcc00;} .ABgGreyDark h3{color:#f2f2f2; margin-bottom:3px; padding-top:0;} .ABgGreyDark ul, .ABgGreyDark p, .ABgGreyDark a{color:#ccc;} .ABgGreyDark ul a{text-decoration:none;} .ABgGreyDark a:hover{color:white; text-decoration:underline} .ABgGreyDark .Textfield{background:#ccc; border:solid 1px #9c9c9c;} .ABgGreyDark #TxtLogin, .BgGreyDark #TxtPassword{width:75px;} .ABgGreyDark .Thumb{margin:0 auto 5px auto; display:block} .ABgGreyDark .BoxSpecial{margin-bottom:15px;} .ABgGreyDark .BoxSpecial p{ padding-left:20px; margin-bottom:0;} .ABgGreyDark .BtnArrowOnGrey a{font-weight:bold; font-size:10px;} .ABgGreyDark .BtnArrowOnGrey li {background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnGrey2.gif)} .ABgContentRight, .ABgContentRight .ALocker{background-image:url(http://assets.tn-media.be/graphics/sidebar_over_telenet/bgGreyDarkContent.gif);background-repeat:no-repeat;} .ABgContentRight{width:170px; background-position:left bottom; text-align:left; float:left; padding-bottom:4px; margin-bottom:5px; overflow:hidden;} .ABgContentRight .ALocker{background-position:left top; background-repeat:no-repeat; display:block;padding:4px 2px 5px 8px; text-align:left;} .ABgContentRight h4{margin:0; padding:0; color:#ffcc00;} .ABgContentRight h3, .ABgContentRight h4, .ABgContentRight ul, .ABgContentRight p{ padding-left:0px;} .ABgContentRight a{color:#ccc!important;} .ABgContentRight a:hover{color:#f2f2f2!important;} .ABox181 .Textfield {width:75px;} .ABgGreyDark a.BtnGreyLarge span{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) left top;} .ABgGreyDark a.BtnGreyLarge span.Locker{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) right top;} .ABgGreyDark a.BtnGreyLarge:hover span{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) left bottom;} .ABgGreyDark a.BtnGreyLarge:hover span.Locker{background:url(http://assets.tn-media.be/graphics/btnGrey2.gif) right bottom;} .BoxBorderHolderFotoGallerij img {border:1px solid #cccccc;} .KlantIcon {float:left; vertical-align: middle; padding-right:5px;} /*over telenet*/ .BoxBorderHolderEgov ul {margin-left:10px;} .BoxBorderHolder ul{margin-left:10px; margin-right:10px;} .RoundedFloatWrapper p {padding:0px 10px 0px 10px;} #tableBIO tr td {padding:10px; border-right:1px dashed #CCCCCC; border-bottom:1px dashed #CCCCCC;} #tableBIO tr td.firstcol {border-left:1px dashed #CCCCCC;} #tableBIO .firstrow td {border-top:1px dashed #CCCCCC; background-color:#F2F2F2;} #tableBIO .firstrow td , #tableBIO .thirdrow td {background-color:#F2F2F2;} #tableBIO .secondrow td , #tableBIO .fourthrow td {background-color:#F8F8F8;} #tableBIO tr td a {color:#cc0000;} .BoxBorderMiddlePadded p {padding:10px;} #management_pic_wrapper {border:1px solid #666666; height:185px; overflow:hidden;} .publicaties_image_wrapper {display:block; height:225px; margin-left:39px;} .publicaties_image_wrapper img {border:1px solid #CCCCCC;} #nlOvertelenet .BoxBorderHolder .BoxBorderTop, #frOvertelenet .BoxBorderHolder .BoxBorderTop , #enOvertelenet .BoxBorderHolder .BoxBorderTop {height:20px;background-repeat:no-repeat;} #nlOvertelenet .BoxBorderHolder, #frOvertelenet .BoxBorderHolder, #enOvertelenet .BoxBorderHolder {margin-top:12px;} #nlOvertelenet .BoxBorderHolder .BoxBorderTop h4, #frOvertelenet .BoxBorderHolder .BoxBorderTop h4, #enOvertelenet .BoxBorderHolder .BoxBorderTop h4 {position:relative; top:3px;} #nlOvertelenet .overons, #frOvertelenet .overons, #enOvertelenet .overons {float: left; width: 166px; height: 185px; padding: 10px; padding-top: 165px; background-repeat: no-repeat; background-position: top center; margin-right: 5px; } #nlOvertelenet .overons a, #frOvertelenet .overons a, #enOvertelenet .overons a {text-decoration: none; } #nlOvertelenet #abouttelenet, #frOvertelenet #abouttelenet, #enOvertelenet #abouttelenet {background-image: url(http://assets.tn-media.be/overons/graphics/about.jpg); } #nlOvertelenet #investorrelations, #frOvertelenet #investorrelations, #enOvertelenet #investorrelations {background-image: url(http://assets.tn-media.be/overons/graphics/investor.jpg); } #nlOvertelenet #jobs, #frOvertelenet #jobs, #enOvertelenet #jobs {background-image: url(http://assets.tn-media.be/overons/graphics/jobs.jpg); } /* Online Archive */ .onlineArchiveIcon{width: 77px; float: left; text-align: center; margin-right: 15px; margin-left: 15px;} /* 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: none;} 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;} /* TV-theek Film */ #movie1 {background-image: url(http://telenet.behttp://images.tn-media.be/thuis/televisie/thuis_televisie_tvtheek_film_la_carte01.jpg); background-repeat: no-repeat; background-position: left top; margin-left: 6px;} #movie2 {background-image: url(http://telenet.behttp://images.tn-media.be/thuis/televisie/thuis_televisie_tvtheek_film_la_carte02.jpg); background-repeat: no-repeat; background-position: left top;} #movie3 {background-image: url(http://telenet.behttp://images.tn-media.be/thuis/televisie/thuis_televisie_tvtheek_film_la_carte03.jpg); background-repeat: no-repeat; background-position: left top;} #movie4 {background-image: url(http://telenet.behttp://images.tn-media.be/thuis/televisie/thuis_televisie_tvtheek_film_la_carte04.jpg); background-repeat: no-repeat; background-position: left top; margin-right:-4px;} a#movie1, a#movie2, a#movie3, a#movie4 {text-align:center; padding-top: 180px; } a:link#movie1, a:visited#movie1 {text-decoration: none; text-align:center; padding-top: 180px; } a:link#movie2, a:visited#movie2 {text-decoration: none; text-align:center; padding-top: 180px; } a:link#movie3, a:visited#movie3 {text-decoration: none; text-align:center; padding-top: 180px; } a:link#movie4, a:visited#movie4 {text-decoration: none; text-align:center; padding-top: 180px; } /* 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;} /* NEW TSP */ .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;} /*TSP box voor installeer pagina*/ .BoxHolderTsp181{display:block; float:right; width:181px; margin-left:14px;} .BoxHolderTsp181 img{margin-bottom:15px;} .BoxTsp181, .BoxTsp181 .Locker{background-repeat:no-repeat;} .BoxTsp181{width:181px; background-position:right top; text-align:left; float:right; margin-bottom:15px; padding-top:10px;} .BoxTsp181 .Locker{background-position:right bottom; display:block; padding:4px 15px 4px 15px; margin:0;} .BoxTsp181 img {display:block; margin:auto;} .BoxTsp181 h6{padding-top:3px;} /*end TSP box*/ /*TSP 2 grijze blokken naast elkaar*/ #TblTspDuo td, #TblTspDuo th{vertical-align:top;} #TblTspDuo td.Odd, #TblTspDuo th.Odd{width:247px;} #TblTspDuo td.Even, #TblTspDuo th.Even{width:247px;} #TblTspDuo .Stretcher{height:100%;} #TblTspDuo .StretcherTop, #TblTspDuo .StretcherBottom{background-image: url(http://assets.tn-media.be/graphics/bgBoxDuoFill.gif); background-repeat:no-repeat;} #TblTspDuo .StretcherTop{background-position:left top; padding:15px 30px 15px 15px;} #TblTspDuo .StretcherTop.Even{padding-right:15px;} #TblTspDuo .StretcherBottom{background-position:left bottom; height:10px; margin-bottom:10px;} /*end TSP blokken*/ /*TSP box met gele lijn en titel op lijntje*/ .BoxBorderTpsHolder{width:573px;background: url(http://assets.tn-media.be/graphics/BoxBorderTspBottom.gif) left bottom no-repeat; padding-bottom:11px;} .BoxBorderTspTop, .BoxBorderTspMiddle{width:571px; display:block;} .BoxBorderTspTop{background: url(http://assets.tn-media.be/graphics/BoxBorderTspTop.gif) repeat-y; height:10px; padding:0 1px;} .BoxBorderTspMiddle{background: url(http://assets.tn-media.be/graphics/BoxBorderTspMiddle.gif) repeat-y; padding:0 1px;} .BoxBorderTspMiddle .Locker{background-position:right top; background-repeat:no-repeat; display:block; padding:10px 15px 0px 15px; text-align:left;} /*end TSP box*/ /*TSP box grijs*/ .BoxFillHolder{width:573px;background: url(http://assets.tn-media.be/graphics/BoxFillBottom.gif) left bottom no-repeat; padding-bottom:11px;} .BoxFillTop, .BoxFillMiddle{width:571px; display:block;} .BoxFillTop{background: url(http://assets.tn-media.be/graphics/BoxFillTop.gif) repeat-y; height:10px; padding:0 1px;} .BoxFillMiddle{background: url(http://assets.tn-media.be/graphics/BoxFillMiddle.gif) repeat-y; padding:0 1px;} .BoxFillMiddle .Locker{background-position:right top; background-repeat:no-repeat; display:block;padding:20px 15px 0px 15px; text-align:left;} .BoxFillTop h4 {background:#000; margin-left:20px; float:left; padding:0px 6px; position: relative; top: -5px;} /*end TSP box*/ /*TSP flowline installeer pagina*/ .TspFlowLine { margin-top:20px; width:100%; height:31px; background-image: url(http://assets.tn-media.be/graphics/bgFlowLineFill.jpg); background-repeat:repeat-x;} .TspFlowLineLeft {float:left; background-image: url(http://assets.tn-media.be/graphics/bgFlowLineLeft.jpg); width:10px; height:31px;} .TspFlowLineTitle { float:left;color:#FFFFFF; font-size:12px; font-weight:bold; margin-top:8px;} .TspFlowLineRight{float:right; background-image: url(http://assets.tn-media.be/graphics/bgFlowLineRight.jpg); width:10px; height:31px} .TspFlowLineItems{ height:31px; margin:0; padding:0; overflow:hidden;} .TspFlowLineItems a:hover { text-decoration:none;} .TspFlowLineItems img {float:left; margin:8px 8px 0 8px; } .TspFlowItem { float:left; padding-left:8px; padding-right:8px; height:31px; } .TspFlowItem a { display:block; height:31px; padding-top:8px;text-decoration:none; float:left} .TspCurrentStep { float:left; padding-left:14px; height:31px; background-image: url(http://assets.tn-media.be/graphics/bgFlowLineLinkLeft2.jpg); background-repeat:no-repeat; background-position:left; margin-right:5px;} .TspCurrentStep span { display:block; height:31px; background-image: url(http://assets.tn-media.be/graphics/bgFlowLineLinkRight.jpg); background-position:right; background-repeat:no-repeat; text-decoration:none; font-weight:bold; line-height:29px;} /*end TSP flowline*/ /*-------------------------------------------------------------------------------------- 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;} /* -------------------------------------------- flowline -------------------------------------------- */ /*.flowline ul {background:url(../images/bgFlowLineUl.gif) top right no-repeat;display:block;padding:0px 10px 0px 0px;margin:0;height:31px;overflow:hidden;} .flowline ul .active_last a, .flowline ul .active_last b{padding-right:5px;background-image:url(../images/bgFlowLineLinkRight.gif);}*/ /* -------------------------------------------- img-blocks -------------------------------------------- */ .redblock {background:url(http://assets.tn-media.be/graphics/esales2/redblock.gif) left no-repeat;display:block;padding-left: 11px } .redblock_out {background:url(http://assets.tn-media.be/graphics/esales2/redblock_out.gif) left no-repeat;display:block;padding-left: 11px } .redblockongrey {background:url(http://assets.tn-media.be/graphics/esales2/redblockongrey.gif) left no-repeat;display:block;padding-left: 11px } .redblockongrey_greyversion {background:url(http://assets.tn-media.be/graphics/esales2/redblockongrey_greyversion.gif) left no-repeat;display:block;padding-left: 11px } .yellowblockongrey {background:url(http://assets.tn-media.be/graphics/esales2/yellowblockongrey.gif) left no-repeat;display:block;padding-left: 11px;position:relative;left:-10px } .yellowblockongrey_greyversion {background:url(http://assets.tn-media.be/graphics/esales2/yellowblockongrey_greyversion.gif) left no-repeat;display:block;padding-left: 11px;position:relative;left:-10px } .bullet_grey_esales {background:url(http://assets.tn-media.be/graphics/esales2/bullet_grey.gif) left no-repeat;display:block;padding-left: 11px;position:relative;} .arrowblock {background:url(http://assets.tn-media.be/graphics/esales2/arrow.gif) left no-repeat; display: block;padding-left: 19px} .esales_faq {background:url(http://assets.tn-media.be/graphics/esales2/bullet_greyongrey.gif) no-repeat left top; padding-left: 10px; display:block; margin-top: 5px; margin-bottom:5px} .esales_faq a {text-decoration:none} /* -------------------------------------------- details box @ right -------------------------------------------- */ .detailsboxFullLine {height: 1px; background: #c7c7c7} .detailsboxTopTitle {background: #f5f5f5; height: 22px; text-align: left; padding-left: 17px; color: #000000;font-weight: bold; font-size: 10px} .detailsboxSpacing1 {width: 1px; height: 1px; background: #ffffff} .detailsboxSpacing16 {width: 16px; height: 1px; background: #ffffff} .detailsboxSpacing9 {width: 9px; height: 1px; background: #ffffff} .detailsboxOption {padding-top: 8px; padding-bottom: 8px; text-align: left; background: #ffffff; color: #666666; font-size: 10px; font-weight: bold} .detailsboxPrice {display: block; text-align: right; color: #a7a7a7} .detailsboxDetail {color: #a7a7a7; font-weight: normal} .detailsboxPromo {color: #cc0000; font-weight: bold} .detailsboxSinglePrice {display: block; color:#A7A7A7;text-align:right;font-weight:normal;} .detailsboxTotalPrice{color: #a7a7a7;font-weight: bold;text-align:right;display: block;}; /* -------------------------------------------- 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} /* -------------------------------------------- flowline -------------------------------------------- */ #progressbar { width: 575px; height: 32px; line-height: 32px; text-align: left; display: block} #progressbar ul { margin: 0; padding: 0; list-style: none } #progressbar ul li { overflow: hidden; display: inline; height: 32px; line-height: 32px; float: left } #progressbar ul li span {display: block; height: 32px; line-height: 32px; float: left; font-family: arial, sans-serif; font-size: 11px; font-weight: bold; color: #666666; position: relative; top:-1px } li#progressbar_1Old {overflow:hidden;text-indent: 30px; width: 105px;background: url(http://assets.tn-media.be/graphics/esales2/bar_1old.gif) no-repeat} li#progressbar_1Active {overflow:hidden;text-indent: 30px; width: 105px;background: url(http://assets.tn-media.be/graphics/esales2/bar_1active.gif) no-repeat} li#progressbar_2Old {overflow:hidden;text-indent: 14px; width: 108px;background: url(http://assets.tn-media.be/graphics/esales2/bar_2old.gif) no-repeat} li#progressbar_2Active {overflow:hidden;text-indent: 14px; width: 108px;background: url(http://assets.tn-media.be/graphics/esales2/bar_2active.gif) no-repeat} li#progressbar_2Todo {overflow:hidden;text-indent: 14px; width: 108px;background:url(http://assets.tn-media.be/graphics/esales2/bar_2todo.gif) no-repeat} li#progressbar_3Old {overflow:hidden;text-indent: 14px; width: 86px;background:url(http://assets.tn-media.be/graphics/esales2/bar_3old.gif) no-repeat} li#progressbar_3Active {overflow:hidden;text-indent: 14px; width: 86px;background:url(http://assets.tn-media.be/graphics/esales2/bar_3active.gif) no-repeat} li#progressbar_3Todo {overflow:hidden;text-indent: 14px; width: 86px;background:url(http://assets.tn-media.be/graphics/esales2/bar_3todo.gif) no-repeat} li#progressbar_4Old {text-indent: 14px; width: 87px;background:url(http://assets.tn-media.be/graphics/esales2/bar_4old.gif) no-repeat} li#progressbar_4Active {text-indent: 14px; width: 87px;background:url(http://assets.tn-media.be/graphics/esales2/bar_4active.gif) no-repeat} li#progressbar_4Todo {text-indent: 14px; width: 87px;background:url(http://assets.tn-media.be/graphics/esales2/bar_4todo.gif) no-repeat} li#progressbar_5Old {text-indent: 14px; width: 113px;background:url(http://assets.tn-media.be/graphics/esales2/bar_5old.gif) no-repeat} li#progressbar_5Active {text-indent: 14px; width: 113px;background:url(http://assets.tn-media.be/graphics/esales2/bar_5active.gif) no-repeat} li#progressbar_5Todo {text-indent: 14px; width: 113px;background:url(http://assets.tn-media.be/graphics/esales2/bar_5todo.gif) no-repeat} .form_label_van_inst{height:24px;line-height:24px;margin-right:10px;} *html .form_label_van_inst{height:24px;line-height:24px;margin-right:10px;padding-top:3px;} .form_label{height:24px;line-height:24px;width:110px;float:left;} /**html .form_label{height:24px;line-height:24px;width:110px;float:left;}*/ .form_input{height:24px;line-height:24px;} *html .form_input{height:24px;line-height:24px;padding-bottom:5px;} .form_info{height:24px;line-height:24px;} *html .form_info{height:24px;line-height:24px;} .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;} /*-------------------------------------------------Begin Shop Entry-------------------------------------------------*/ .shopentry_text{margin-left: 10px;text-align:left;} .shopentry_prod_name{font-size:14px;font-weight:bold;color:black;padding-top:10px;} .shopentry_box{width:132px;float:left;margin:15px 0;padding:0px;} *html .shopentry_box{width:132px;float:left;margin:0;padding:0;} #get_dealers .BoxBorderHolder{width:573px;background: url(http://assets.tn-media.be/graphics/BoxBorderBottom.gif) left bottom no-repeat; padding-bottom:11px;} #get_dealers .BoxBorderTop, .BoxBorderMiddle{width:571px; display:block;} #get_dealers .BoxBorderTop{background: url(http://assets.tn-media.be/graphics/BoxBorderTop.gif) repeat-y left bottom; height:10px; padding:0 1px;} #get_dealers .BoxBorderMiddle{background: url(http://assets.tn-media.be/graphics/BoxBorderMiddle.gif) repeat-y; padding:0 1px;} /*FAQ*/ #RightContainer .BtnArrowOnGrey{background-image:url(http://assets.tn-media.be/graphics/BtnArrowOnGrey3.gif);} /**/ /*-------------------------------------------------Algemeen----------------------------------------------------------*/ /* begin promo en prijzen */ .esales_promo{font-size:11px;color:#cc0001;text-align:center;font-weight:bold;} .esales_prize{font-size:11px;color:#666666;text-align:center;} /* eind promo en prijzen */ /*--------------------------------------------------------------------------------------------------- esales end ------------------------------------------------------------------------------------------------------*/ /*------------------------------- Esales TIP ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #esales-to-tip { width:566px;} #esales-to-tip #header_tip {width:566px;height:61px;background-image:url(http://assets.tn-media.be/graphics/esales2/esales_to_tip_01.gif);} #esales-to-tip #body_tip {width:566px;background:url(http://assets.tn-media.be/graphics/esales2/esales_to_tip_02.gif) repeat-y;padding:10px 0;} #esales-to-tip #body_tip p {padding:5px 38px; margin:0px;} #esales-to-tip #footerLeft_tip {float:left;width:87px;height:71px;background:url(http://assets.tn-media.be/graphics/esales2/esales_to_tip_04.gif);} #esales-to-tip #footerMiddleTop_tip {position:relative;float:right;width:454px;height:59px;} #esales-to-tip #footerMiddleTop_tip a {position:absolute;right:20px;bottom:15px;text-decoration:none; font-family:Verdana;font-weight:bold;font-size:12px;color:#bd0000;} #esales-to-tip #footerMiddleTop_tip a:hover {text-decoration:underline;} #esales-to-tip #footerMiddleBottom_tip {float:right;width:454px; height:12px;background:url(http://assets.tn-media.be/graphics/esales2/esales_to_tip_07.gif) no-repeat;} #esales-to-tip #footerRight_tip {float:right;width:25px; height:71px;background:url(http://assets.tn-media.be/graphics/esales2/esales_to_tip_06.gif);} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ a.buttonGrey span {text-decoration:none; font-weight:bold; font-size:10px; color:white!important; height:21px; padding:3px 10px 0 0; background:url(http://assets.tn-media.be/graphics/btnGrijs.gif) no-repeat right top; margin: 0; display: block;} a.buttonGrey {text-decoration:none; height:21px; padding-left:10px; background:url(http://assets.tn-media.be/graphics/btnGrijs_end.gif) no-repeat left top; margin: 0pt; padding: 0 0 0 10px; height: 21px; display: block; width: auto;} *html a.buttonGrey {width: 10px;} /********************************************************************************************** * * Promotions (by Marlon) - 29-05-2008 * **********************************************************************************************/ /** * Links */ #promodetail a.backLink { color:#909090; font-weight:bold; text-decoration:none; background-image:url(http://assets.tn-media.be/images/promoties_acties/grey-btn-back.gif); background-position:0 3px; background-repeat:no-repeat; padding:3px 0 0 30px; overflow:hidden; display:block; height:21px; float:left; } #promodetail a.backLink:hover { text-decoration:underline; } .nl a.backLink { width:150px; } .fr a.backLink { width:90px; margin-right:60px; } #promodetail a.infoLink { color:#909090; font-weight:bold; text-decoration:none; background-image:url(http://assets.tn-media.be/images/promoties_acties/grey-btn-fwd.gif); background-position:0 3px; background-repeat:no-repeat; padding:3px 0 0 30px; overflow:hidden; display:block; width:100px; height:21px; float:left; } #promodetail a.infoLink:hover { text-decoration:underline; } a.infoLinkYellow { color:#909090; font-weight:bold; text-decoration:none; background-image:url(http://assets.tn-media.be/images/promoties_acties/grey-btn-fwd-yellow.gif); background-position:0 3px; background-repeat:no-repeat; padding:3px 0 0 30px; overflow:hidden; display:block; width:100px; height:21px; float:left; } #promodetail a.infoLinkYellow:hover { text-decoration:underline; } #promodetail a.orderLink { color:#e80000; font-size:14px; font-weight:bold; text-decoration:none; background-image:url(http://assets.tn-media.be/images/promoties_acties/red-btn-big.gif); background-position:0 0; background-repeat:no-repeat; padding:1px 0 0 35px; overflow:hidden; display:block; height:21px; float:left; } #promodetail a.orderLink:hover { text-decoration:underline; } #promodetail a.orderLinkYellow { color:#e80000; font-size:14px; font-weight:bold; text-decoration:none; background-image:url(http://assets.tn-media.be/images/promoties_acties/red-btn-big-yellow.gif); background-position:0 0; background-repeat:no-repeat; padding:1px 0 0 35px; overflow:hidden; display:block; height:21px; float:left; } #promodetail a.orderLinkYellow:hover { text-decoration:underline; } #promodetail a.infoLinkYellow:hover { text-decoration:underline; } .nl a.orderLink { width:90px; } .nl a.orderLinkYellow { width:90px; } .fr a.orderLink { width:105px; } .fr a.orderLinkYellow { width:105px; } #promodetail a.leftMargin { margin-left:40px; } /** * General promotion styles */ #promodetail { margin:0; padding:0; width:773px; } #promo-content { background-image:url(http://assets.tn-media.be/images/promoties_acties/page-bg-gradient.gif); background-position:bottom left; background-repeat:repeat-x; margin:0; padding:0; width:773px; float:left; } #promo-footer { background-image:url(http://assets.tn-media.be/images/promoties_acties/page-bottom.gif); background-position:bottom left; background-repeat:no-repeat; height:60px; margin:0; padding:0; width:773px; float:left; } #promo-footer-noline { background-image:url(http://assets.tn-media.be/images/promoties_acties/page-bottom-noline.gif); background-position:bottom left; background-repeat:no-repeat; height:60px; margin:0; padding:0; width:773px; float:left; } .promo-legalnotes { margin-left:10px; } .promo-legalnotes a { font-size:9px; } #promo-maincol { clear:both; float:left; width: 579px; } /** * Main promotion */ #promodetail #promo-mainpromo, #promodetail .promo-mainpromo { background-image:url(http://assets.tn-media.be/images/promoties_acties/promo-background.gif); background-position:bottom left; background-repeat:no-repeat; min-height:370px; width:579px; float:left; } #promo-mainpromo #mainpromo-image, .promo-mainpromo .mainpromo-image { width:210px; height:300px; float:left; } #promo-mainpromo #mainpromo-content, .promo-mainpromo .mainpromo-content { width: 305px; margin: 0 0 0 250px; } #promo-mainpromo #mainpromo-links, .promo-mainpromo .mainpromo-links { clear:both; margin-left:35px; margin-top:25px; } #mainpromo-content .h2-support, .mainpromo-content .h2-support { font-family:Arial,Helvetica,Tahoma,sans-serif; font-size:20px; font-weight:bold; color:#cb0101; line-height:24px; } #mainpromo-content h2, .mainpromo-content h2 { font-family:Arial,Helvetica,Tahoma,sans-serif; font-size:26px; font-weight:bold; color:#cb0101; text-transform:none; margin:10px 0 25px 0; width:305px; line-height:28px; } /** * Smaller promo (under main promotion) */ #promodetail #promo-smallpromo { height:169px; width:578px; margin:20px 0 0 0; background-position:top right; background-repeat:no-repeat; float:left; } .nl .smallpromo-internet { background-image:url(http://assets.tn-media.be/images/promoties_acties/onlinedeal-internet-frame.gif); } .fr .smallpromo-internet { background-image:url(http://assets.tn-media.be/images/promoties_acties/onlinedeal-internet-frame_fr.gif); } .nl .smallpromo-televisie { background-image:url(http://assets.tn-media.be/images/promoties_acties/onlinedeal-tv-frame.gif); } .fr .smallpromo-televisie { background-image:url(http://assets.tn-media.be/images/promoties_acties/onlinedeal-tv-frame_fr.gif); } .nl .smallpromo-packs { background-image:url(http://assets.tn-media.be/images/promoties_acties/onlinedeal-packs-frame.gif); } .fr .smallpromo-packs { background-image:url(http://assets.tn-media.be/images/promoties_acties/onlinedeal-packs-frame_fr.gif); } .nl #promo-smallpromo #smallpromo-links { margin-top:110px; margin-left:250px; float:left; display:inline; } .fr #promo-smallpromo #smallpromo-links { margin-top:145px; margin-left:250px; float:left; display:inline; } /** * Other promotions */ #promodetail #promo-otherpromo { background-image:url(http://assets.tn-media.be/images/promoties_acties/otherpromo-top-border.gif); background-position:top left; background-repeat:no-repeat; margin:23px 0 0 0; padding:14px 0 0 0; width:578px; float:left; } #promo-otherpromo #otherpromo-content { border-right:2px solid #e1e1e2; padding:0; margin:0 0 0 125px; } #otherpromo-content h1 { font-size:18px; color:#b1b1b1; width:420px; padding:0; margin:0 0 0 0; } #otherpromo-content h3 { font-size:12px; color:#cb0101; width:410px; } #otherpromo-content p { font-size:12px; color:#000000; width:410px; line-height:18px; } #otherpromo-links { display:block; height:22px; } /** * Promo packs */ #promodetail #promo-packs { float:left; margin-left:25px; width:150px; } #promo-packs #packs-frame { float:left; width:150px; margin:22px 0 0 0; background-image:url(http://assets.tn-media.be/images/promoties_acties/yellowframe-top.gif); background-position:top left; background-repeat:no-repeat; } #promo-packs #packs-content { float:left; width:150px; margin-top:14px; background-color:#feca20; } #promo-packs #packs-footer { background-image:url(http://assets.tn-media.be/images/promoties_acties/yellowframe-bottom.gif); background-position:bottom left; background-repeat:no-repeat; height:28px; width:150px; float:left; } #promo-packs #packs-content h2 { text-transform:none; padding:0 13px 0 13px; color:#cb0101; font-family:Arial,Helvetica,Tahoma,sans-serif; font-size:20px; font-weight:bold; line-height:20px; margin-bottom:20px; } #promo-packs #packs-content p { font-size:11px; color:#000; line-height:16px; padding:0 13px 0 13px; } /* antarctica */ div.driebox {width: 474px; height: 184px; background-image: url(http://images.tn-media.be/thuis/eshop/antartica/xsell3.jpg); background-position: center; background-repeat: no-repeat; position: absolute; } .driebox #geel1, .driebox #geel2, .driebox #geel3, .driebox #rood1, .driebox #rood2, .driebox #prijs1, .driebox #prijs2, .driebox #prijs3 {position: absolute; text-align: center; } .driebox #geel1, .driebox #geel2, .driebox #geel3 {top: 24px; width: 120px; height: 100px; } .driebox #geel1 h3, .driebox #geel2 h3, .driebox #geel3 h3 {color: #e61a13; font-size: 130%; font-weight: bold; height: 53px; } .driebox #geel1 strong, .driebox #geel2 strong, .driebox #geel3 strong {display: block; } .driebox #geel1 {left: 6px; } .driebox #geel2 {left: 163px; } .driebox #geel3 {left: 319px; } .driebox #rood1, .driebox #rood2 {color: white; top: 132px; width: 128px; height: 48px; font-weight: bold; } .driebox #rood1 {left: 85px; } .driebox #rood2 {left: 243px; } .driebox #prijs1, .driebox #prijs2, .driebox #prijs3 {width: 50px; height: 33px; top: 4px; padding: 3px; font-weight: bold; } .driebox #prijs1 {left: 110px; } .driebox #prijs2 {left: 266px; } .driebox #prijs3 {left: 422px; } .driebox #prijs1 span, .driebox #prijs2 span, .driebox #prijs3 span {font-size: 9px; color: gray; font-weight: normal; } div#antarticaheader h3 {font-size: 125%; margin-bottom: 10px; } div#antarticaheader strong strong {color: #cc0000; font-size: 110%; } table#antarcticatbl td {vertical-align: top; padding-left: 5px;} /* Telenet bij mij thuis-form */ #TelenetBeschikbaarForm {padding: 10px; background-image: url(http://images.tn-media.be/thuis/eshop/tnthuisbg.gif); background-repeat: no-repeat; background-position: center bottom; float: right; } #TelenetBeschikbaarForm h3 {padding-left: 23px; background-image: url(http://images.tn-media.be/thuis/eshop/iconlogo.gif); background-repeat: no-repeat; background-position: top left; padding-top: 0px; } /* management team*/ .teamtooltip {font-family:arial; color:#999999;font-size:10px;width: 300px; background-color: #efefef; border: 1px solid #868686; color:#666666;} .teamtooltip .title {display:none; color: #666666; padding: 5px; font-weight: bold; padding-bottom: 2px; } .teamtooltip .content { padding: 10px; } .teamdiv img{margin-bottom:4px;border:none;} .teamtable {font-family:arial; color:#999999;font-size:10px; color:#666666;background-color:#ece7e7; padding-left:20px; padding-right:20px;} .teamdiv a{color:#333333;} /* fix 3/7/08 */ #RightContainer #productresult h2 {clear: both; } .ShowMeNow {display: block;} .HideMeNow {display: none;} .Box3TagPrice{ width:571px; float:left; background-image:url(http://assets.tn-media.be/graphics/bg3BoxPriceTag.gif); background-repeat:no-repeat; margin-top:8px; position:relative;} .Box3TagPrice .firstColl,.Box3TagPrice .secondColl,.Box3TagPrice .thirdColl {position:relative; float:left; width:180px; margin-top:20px; min-height:120px;} .Box3TagPrice .firstColl {margin-left:11px;_margin-left:5px;} .Box3TagPrice .secondColl {margin-left:8px;} .Box3TagPrice .thirdColl {margin-left:8px;} .Box3TagPrice .priceTag {width:99px; height:36px; padding-top:0; display:block; position:absolute; right:22px; text-decoration:none;} .Box3TagPrice .priceTag span.prijs {font-size:17px; font-weight:bold; text-align:center; display:block} .Box3TagPrice .priceTag span.perMaand {font-size:10px; font-weight:bold; text-align:center; display:block} .YellowBallon, .YellowBallon div {background-image: url(http://assets.tn-media.be/graphics/bgYellowBallonOnWhite.gif); background-repeat:no-repeat;} .YellowBallon {background-position: bottom right; position: relative; margin-bottom: 10px;} .YellowBallon div.leftbottom {background-position: bottom left; width: 15px; height: 50px; left: 0; bottom: 0; position: absolute;} .YellowBallon div.righttop {background-position: right top; width: 15px; height: 15px; right: 0; top: 0; position: absolute;} .YellowBallon div.lefttop {background-position: left top; width: 15px; height: 15px; left: 0; top: 0; position: absolute;} .YellowBallon div.internalContent {background-image: none; padding: 10px 10px 40px 10px; position: absolute; top: 0; left: 0; font-size: 12px; font-weight: bold; text-align:center;} .YellowBox, .YellowBox div {background-image: url(http://assets.tn-media.be/graphics/bgYellowBoxOnWhite2.gif); background-repeat:no-repeat;} .YellowBox {background-position: bottom right; position: relative; margin-bottom: 10px;} .YellowBox div.leftbottom {background-position: bottom left; width: 15px; height: 15px; left: 0; bottom: 0; position: absolute;} .YellowBox div.righttop {background-position: right top; width: 15px; height: 15px; right: 0; top: 0; position: absolute;} .YellowBox div.lefttop {background-position: left top; width: 15px; height: 15px; left: 0; top: 0; position: absolute;} .YellowBox div.internalContent {background-image: none; padding: 10px 10px 10px 10px; position: absolute; top: 0; left: 0; font-size: 12px; font-weight: bold; text-align:center;} .CompareYellowTop {background: url(http://assets.tn-media.be/graphics/shakes/vergelijkingstabel/top_geel.gif) no-repeat top left; width: 767px; text-align: center;} .CompareYellowTopUp {background: url(http://assets.tn-media.be/graphics/shakes/vergelijkingstabel/top_geel_up.gif) no-repeat top left; width: 767px; text-align: center;} .CompareYellowTopDown {background: url(http://assets.tn-media.be/graphics/shakes/vergelijkingstabel/top_geel_down.gif) no-repeat top left; width: 767px; text-align: center;} .CompareYellowLeftCel {border-left: 1px solid #ffcc00 !important;} .CompareYellowRightCel {border-right: 1px solid #ffcc00 !important;} .CompareYellowBottom {border-bottom: 1px solid #ffcc00;} .CompareGreyTop {background: url(http://assets.tn-media.be/graphics/shakes/vergelijkingstabel/top_grijs.gif) no-repeat top left; width: 767px; text-align: center;} .CompareGreyTopUp {background: url(http://assets.tn-media.be/graphics/shakes/vergelijkingstabel/top_grijs_up.gif) no-repeat top left; width: 767px; text-align: center;} .CompareGreyTopDown {background: url(http://assets.tn-media.be/graphics/shakes/vergelijkingstabel/top_grijs_down.gif) no-repeat top left; width: 767px; text-align: center;} .CompareGreyTop h3 {color: #ffffff!important;} .CompareGreyLeftCel {border-left: 1px solid #8f8f8d !important;} .CompareGreyRightCel {border-right: 1px solid #8f8f8d !important;} .CompareGreyBottom {border-bottom: 1px solid #8f8f8d;} .CompareRedTop {background: url(http://assets.tn-media.be/graphics/shakes/vergelijkingstabel/top_rood.gif) no-repeat top left; width: 767px; text-align: center;} .CompareRedTopUp {background: url(http://assets.tn-media.be/graphics/shakes/vergelijkingstabel/top_rood_up.gif) no-repeat top left; width: 767px; text-align: center;} .CompareRedTopDown {background: url(http://assets.tn-media.be/graphics/shakes/vergelijkingstabel/top_rood_down.gif) no-repeat top left; width: 767px; text-align: center;} .CompareRedLeftCel {border-left: 1px solid #cc3333 !important;} .CompareRedRightCel {border-right: 1px solid #cc3333 !important;} .CompareRedBottom {border-bottom: 1px solid #cc3333;} .CompareRedTop h3 {color: #ffffff!important;} .CompareTitel {width: 154px; border-left: 1px solid #bfbfbf; border-right: 1px solid #ffffff; background: #e9e9e9;} .CompareTitel .BoxPriceTag {float: none; margin: auto; margin-bottom: 10px;} .CompareTitel .BoxPriceTag, .CompareTitel .BoxPriceTag .Locker {background-image:url(http://assets.tn-media.be/graphics/shakes/vergelijkingstabel/bgYellowPriceTag.gif);} .CompareCellTop {border-top: 1px dotted silver;} .CompareCell {border-left: 1px solid silver; border-right: 1px solid #ffffff; text-align: center; padding: 3px 0;} .CompareCell h3 {color: #606060;} .CompareCellFirst {padding-left: 10px!important; text-align: left!important;} .CompareInternetCell {background: #f2f2f2;} .FloatAllImgRight img, .FloatAllImgRight div {float: right;} /* bannerrotator */ .m_banner_hide{display: none;} .m_banner_show{display: block;} .ColorReddish {color: #cc0000;} .ColorGrayish {color: #606060;} /* 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;} /* Tooltip JQuery */ #Container1007 .tooltip { border: none; background-color: none; width: auto; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #D10504; background-color: #fff; padding: 5px; opacity: 1; } #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 */