/* ------------------- (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://graphics.tn-media.be/skin/_default/bgBody.png) repeat-x center top;} 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:0 15px 10px 0px; letter-spacing:-0.05em;} h2, h2 a{color:#606060; font:bold 14px Verdana, Arial, Helvetica, sans-serif; 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:#e3000b; 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 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{margin:0 auto; width:995px; min-height:654px; padding:0;} * html #Container1007{height:654px;} #LeftPane{display:block; float:left; width:202px;} #ContentPane{float:left; width:573px; padding-left:7px; overflow:hidden;} #ContentPane.FullSpread{width:773px;} .HalfSpread{width:370px; margin: 20px 10px 0 5px;; float: left; display:inline;} #ContentPane div#boven {margin-top:0;} #RightPane{float:left; width:183px; min-height:300px; height: auto; padding:31px 14px 0 16px;} #BottomPane{width: 100%; margin-top: 10px; padding-bottom: 20px; float: left; text-align:center; color:#909090; font-size:10px;} *head:first-child + body.Home #BottomPane {margin-top: 120px} /* IE7-only hack */ #ContentPane.ReallyFullSpread {width:975px;} #Container1007 .ReallyFullSpread {width:975px;} #previewonly {position: 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:0; margin-left:24px; padding-top:0;} #SubNav, #SubNav ul{list-style:none;} #SubNav li{padding:0; margin: 0; background-image:none; padding-bottom: 3px;} #SubNav a{display:block; text-decoration:none;} #SubNav a:hover{color:#cc0000} #SubNav a span{background-position:left top; background-repeat:no-repeat; display:block; cursor:pointer;} /*Niveau 1*/ #SubNav li a {display: block; width: 163px; height: 61px;background-image: url(http://graphics.tn-media.be/navigation/SubNav.png); background-repeat: no-repeat; position: relative; padding-bottom: 0; text-decoration: none;} #SubNav li a.Active {display: block; width: 163px; height: 61px;background-image: url(http://graphics.tn-media.be/navigation/SubNav_Active.png); background-repeat: no-repeat; position: relative; padding-bottom: 0; margin: 0; text-decoration: none;} #SubNav li a:hover {background-position: bottom left;} #SubNav li a span {width: 150px; height: 20px; position: absolute; top: 0; left: 0; display: block; font-size: 18px; letter-spacing: -1px; color: #5e5e5e; line-height: 20px; padding-left: 12px; margin-top: 18px;} #SubNav li a span.smalltext {font-size: 14px;} /*Niveau 2*/ #SubNav ul{margin:0;padding:0; background: #ffffff url(http://graphics.tn-media.be/navigation/bg_activeli.png) no-repeat bottom left; display: block; padding-bottom: 5px;*margin-top: -2px;} #SubNav ul li{padding-left:0; margin:0; border-bottom:0;} #SubNav ul li a{margin:0; color:#2c2c2c; padding:10px 10px 3px 10px; font-size:10px; height: auto; font-weight: normal; background: none;} #SubNav ul li a.Active{color:#cc0000!important; background: #ffffff url(http://graphics.tn-media.be/navigation/bg_activeli.png) no-repeat center left; height: auto; width:140px;} #SubNav div.Locker {display: none;} /*Niveau 3*/ #SubNav ul ul{margin: 0;padding: 0 0 0 10px; background: none;} #SubNav ul ul li{border:none; margin:0;} #SubNav ul ul li a{margin:0; font-weight:normal; color:#767676} #SubNav ul ul li a, #SubNav ul ul li a span{padding:5px 0px 3px 16px!important; width:138px;} * html #SubNav ul ul li a, * html #SubNav ul ul li a span{padding:3px 0px!important;} #SubNav ul ul li a.Active{background: url(http://graphics.tn-media.be/navigation/bg_activelevel3.png) center left no-repeat; width: 133px;} /*Niveau 4*/ #SubNav ul ul ul{margin:0 0 0 2px; padding: 0 0 0 10px;} #SubNav ul ul ul li{margin:0; padding: 0;} #SubNav ul ul ul li a{margin:0; font-weight:normal; color:#767676; background: none;} #SubNav ul ul ul li a.Active{background: none;} #SubNav ul ul ul li a, #SubNav ul ul ul li a span{padding:3px 0px 3px 12px!important; width:124px;} * html #SubNav ul ul ul li a, * html #SubNav ul ul ul li a span{padding:3px 0px 3px 12px!important;} /* ------------------- ContentPane completion ---------------------- */ #BreadCrumb{color:#909090; margin:0 0 4px;} #BreadCrumb span, #BreadCrumb a{color:#909090;} #BottomPane #BreadCrumb{text-align: left; padding-left: 202px;} h1.FreePhone{background:url(http://assets.tn-media.be/graphics/IconFreePhone.gif) no-repeat; padding-left:50px; padding-top: 18px; } h1.Internet{background:url(http://assets.tn-media.be/graphics/IconInternet.gif) no-repeat; padding-left:50px; padding-top: 18px; } h1.Televisie{background:url(http://assets.tn-media.be/graphics/IconTelevisie.gif) no-repeat; padding-left:50px; padding-top: 18px; } h1.IkBenKlant{background:url(http://assets.tn-media.be/graphics/IconIkBenKlant.gif) no-repeat; padding-left:50px; padding-top: 18px; } h1.Mobiel{background:url(http://assets.tn-media.be/graphics/IconMobiel.gif) no-repeat; padding-left:50px; padding-top: 18px; } h1.Mobile{background:url(http://assets.tn-media.be/graphics/IconMobile.gif) no-repeat; padding-left:90px; padding-top: 18px; } h1.MobileTalk{background:url(http://assets.tn-media.be/graphics/IconMobileTalk.gif) no-repeat; padding-left:50px; padding-top: 18px; } h1.MobileSurf{background:url(http://assets.tn-media.be/graphics/IconMobileSurf.gif) no-repeat; padding-left:50px; padding-top: 18px; } h1.Telenet{background:url(http://assets.tn-media.be/graphics/IconTelenet.gif) no-repeat; padding-left:50px; padding-top: 18px; } h3.MobileTalk{background:url(http://assets.tn-media.be/graphics/IconMobileTalk.gif) no-repeat; padding-left:50px; line-height: 30px; padding-top: 18px; } h3.MobileSurf{background:url(http://assets.tn-media.be/graphics/IconMobileSurf.gif) no-repeat; padding-left:50px; line-height: 30px; padding-top: 18px; } 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;} .BoxPriceTagSmall, .BoxPriceTagSmall .Locker{background-image: url(http://assets.tn-media.be/graphics/bgYellowPriceTagSmall.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;} .BoxPriceTag05, .BoxPriceTag05 .Locker{background-image: url(http://graphics.tn-media.be/bgRedPriceTag_long.png);background-repeat:no-repeat;} .BoxPriceTag, .BoxPriceTag02, .BoxPriceTag03, .BoxPriceTag04, .BoxPriceTag05, .BoxPriceTagSmall{background-position:right bottom; padding-bottom:8px; text-align:center; float:right; color:#666666; font-weight:bold; font-size:10px; margin-bottom:4px; line-height:12px;} .BoxPriceTag, .BoxPriceTag02, .BoxPriceTag03, .BoxPriceTag04, .BoxPriceTagSmall{width:102px;} .BoxPriceTag05 {width:124px;} .BoxPriceTagSmall {width: 90px;} /*.BoxPriceTag, .BoxPriceTag02, .BoxPriceTag03 original color:c00 */ .BoxPriceTag02{color:#cc0000;} .BoxPriceTag03, .BoxPriceTag05{color:#ffffff;} .BoxPriceTag .Locker, .BoxPriceTag02 .Locker, .BoxPriceTag03 .Locker, .BoxPriceTag04 .Locker, .BoxPriceTag05 .Locker, .BoxPriceTagSmall .Locker{background-position:left top; background-repeat:no-repeat; display:block; padding-top:8px;} .BoxPriceTag .txtLarge, .BoxPriceTag02 .txtLarge, .BoxPriceTag03 .txtLarge, .BoxPriceTag04 .txtLarge, .BoxPriceTag05 .txtLarge, .BoxPriceTagSmall .txtLarge{font-size:17px; line-height:20px;} .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 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);} .BackgroundOn2{background-image: url(http://assets.tn-media.be/graphics/bgBoxItemHolder_breed.gif);}/* Style used for the hover effect on a div */ .BackgroundOn2 .Locker{background-image: url(http://assets.tn-media.be/graphics/bgBoxItemHolder_breed.gif);} .ItemTxt2{float:left; width:538px;} /* 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, .ColYellow05, .ColYellow06, .ColYellow07{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} .ColYellow05{background:#FFD100} .ColYellow06{background:#FFF; padding:3px 12px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF;} .ColYellow07{background:#f2f2f2; border-top:1px solid #DFDFDF; border-right:1px solid #DFDFDF;} /*.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} .ColYellow06:hover{background:#ededed;} .ColYellow07:hover{background:#e1e1e1;} .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} .BoxLegalNotes a{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*/ span.BtnArrowOnRed, a.BtnArrowOnRed, input.BtnArrowOnRed{background: url(http://graphics.tn-media.be/RedArrowIcoon.png) no-repeat right center; padding-right: 22px; color: #ed1c24; font-size: 12px; line-height: 17px; font-weight: bold; text-decoration: none; display: inline-block;} span.BtnArrowOnGrey, a.BtnArrowOnGrey, input.BtnArrowOnGrey{background: url(http://graphics.tn-media.be/GreyArrowIcoon.png) no-repeat right center; padding-right: 22px; color: #8c8c8c; font-size: 12px; line-height: 17px; font-weight: bold; text-decoration: none; display: inline-block;} a.BtnTipNL, a.BtnTipFR, a.BtnTipEN, span.BtnTipNL, span.BtnTipFR, span.BtnTipEN, a.Btn2TipNL, a.Btn2TipFR, a.Btn2TipEN, span.Btn2TipNL, span.Btn2TipFR, span.Btn2TipEN, span.BtnNieuwNL, a.BtnNieuwNL, span.BtnNieuwFR, a.BtnNieuwFR, span.BtnNieuwEN, a.BtnNieuwEN, a.BtnArrowOnRed_e9, span.BtnArrowOnRed_e9 {text-decoration:none; padding-left:23px; background-repeat:no-repeat; display:block;line-height:14px; margin-top:5px;} .ButtonsNextToEachOther {clear: both; overflow: auto;} .ButtonsNextToEachOther a.BtnArrowOnGrey, .ButtonsNextToEachOther a.BtnArrowOnRed, .ButtonsNextToEachOther span.BtnArrowOnGrey, .ButtonsNextToEachOther span.BtnArrowOnRed {float: left; margin-left: 10px;} a.BtnArrowOnRed_e9, span.BtnArrowOnRed_e9{background-image: url(http://graphics.tn-media.be/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;} #tblOnlineSupport{margin-top:5px;} #tblOnlineSupport td, #tblOnlineSupport th{vertical-align:top;} #tblOnlineSupport .tdBull{color:#ffcc00; width:1em;} .BtnPrev{width:15px; height:15px; position:absolute; background:url(http://assets.tn-media.be/graphics/home/btnPrev.gif); margin:38px 0 0 -5px;} .BtnPrev:hover{background:url(http://assets.tn-media.be/graphics/home/btnPrev.gif) left bottom;} .BtnNext{width:15px; height:15px; position:absolute; background:url(http://assets.tn-media.be/graphics/home/btnNext.gif); margin:38px 0 0 195px;} .BtnNext:hover{background:url(http://assets.tn-media.be/graphics/home/btnNext.gif) left bottom;} .Toppie{z-index:9999999!important;} .BoxPromo181 ul li{margin-left:5px; line-height:13px; background:url(http://assets.tn-media.be/graphics/bgListGrey.gif) left 2px no-repeat; text-align:left;} /* grijze achtergrond box met pricetag bgGrey-Pricetag */ div.bgGrey-Pricetag { background: url(http://assets.tn-media.be/graphics/bgGreyBoxWithPricetag.jpg) right bottom no-repeat; display:block; width: 247px; } div.bgGrey-Pricetag-header { background: url(http://assets.tn-media.be/graphics/bgGreyBoxWithPricetag.jpg) right top no-repeat; height: 50px; } div.bgGrey-Pricetag-content { background: url(http://assets.tn-media.be/graphics/bgGreyBoxWithPricetag.jpg) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.bgGrey-Pricetag-content p { margin-bottom:0px; } div.bgGrey-Pricetag-header h1, div.bgGrey-Pricetag-header h2, div.bgGrey-Pricetag-header h3, div.bgGrey-Pricetag-header h4, div.bgGrey-Pricetag-header h5, div.bgGrey-Pricetag-header h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgGreyBoxWithPricetag.jpg) left top no-repeat; } .GreyBoxPriceTag {font-weight:bold; text-align:center; color:#666666; margin-right: -12px; _margin-right: -6px; margin-top: -43px; float: right; width: 100px;} .GreyBoxPriceTag .txtLarge{font-size:17px; line-height:20px; } div.bgGrey-Pricetag h3 {padding-top: 0;} /* gele rand */ div.rounded-corners { background: url(http://assets.tn-media.be/graphics/bgRoundYellow.gif) right bottom no-repeat; display:block; } div.rounded-header { background: url(http://assets.tn-media.be/graphics/bgRoundYellow.gif) right top no-repeat; } div.rounded-content { background: url(http://assets.tn-media.be/graphics/bgRoundYellow.gif) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content p { margin-bottom:0px; } div.rounded-header h1, div.rounded-header h2, div.rounded-header h3, div.rounded-header h4, div.rounded-header h5, div.rounded-header h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgRoundYellow.gif) left top no-repeat; } /* rode rand */ div.rounded-corners-red { background: url(http://assets.tn-media.be/graphics/bgRoundRed.gif) right bottom no-repeat; display:block; } div.rounded-header-red { background: url(http://assets.tn-media.be/graphics/bgRoundRed.gif) right top no-repeat; } div.rounded-content-red { background: url(http://assets.tn-media.be/graphics/bgRoundRed.gif) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-red p { margin-bottom:0px; } div.rounded-header-red h1, div.rounded-header-red h2, div.rounded-header-red h3, div.rounded-header-red h4, div.rounded-header-red h5, div.rounded-header-red h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgRoundRed.gif) left top no-repeat; } /* zwarte rand */ div.rounded-corners-black { background: url(http://assets.tn-media.be/graphics/bgRoundBlack.gif) right bottom no-repeat; display:block; } div.rounded-header-black { background: url(http://assets.tn-media.be/graphics/bgRoundBlack.gif) right top no-repeat; } div.rounded-content-black { background: url(http://assets.tn-media.be/graphics/bgRoundBlack.gif) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-black p { margin-bottom:0px; } div.rounded-header-black h1, div.rounded-header-black h2, div.rounded-header-black h3, div.rounded-header-black h4, div.rounded-header-black h5, div.rounded-header-black h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgRoundBlack.gif) left top no-repeat; } /* grijze rand */ div.rounded-corners-grey { background: url(http://assets.tn-media.be/graphics/bgRoundGrey.gif) right bottom no-repeat; display:block; } div.rounded-header-grey { background: url(http://assets.tn-media.be/graphics/bgRoundGrey.gif) right top no-repeat; } div.rounded-content-grey { background: url(http://assets.tn-media.be/graphics/bgRoundGrey.gif) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-grey p { margin-bottom:0px; } div.rounded-header-grey h1, div.rounded-header-grey h2, div.rounded-header-grey h3, div.rounded-header-grey h4, div.rounded-header-grey h5, div.rounded-header-grey h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgRoundGrey.gif) left top no-repeat; } /* grijze achtergrond */ div.rounded-corners-bggrey { background: url(http://assets.tn-media.be/graphics/bgBoxGrey.gif) right bottom no-repeat; display:block; } div.rounded-header-bggrey { background: url(http://assets.tn-media.be/graphics/bgBoxGrey.gif) right top no-repeat; } div.rounded-content-bggrey { background: url(http://assets.tn-media.be/graphics/bgBoxGrey.gif) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-bggrey p { margin-bottom:0px; } div.rounded-header-bggrey h1, div.rounded-header-bggrey h2, div.rounded-header-bggrey h3, div.rounded-header-bggrey h4, div.rounded-header-bggrey h5, div.rounded-header-bggrey h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://assets.tn-media.be/graphics/bgBoxGrey.gif) left top no-repeat; } /* grijze #eeeeee achtergrond */ div.rounded-corners-eee { background: url(http://graphics.tn-media.be/bgBigBox_eee.png) right bottom no-repeat; display:block; } div.rounded-header-eee { background: url(http://graphics.tn-media.be/bgBigBox_eee.png) right top no-repeat; } div.rounded-content-eee { background: url(http://graphics.tn-media.be/bgBigBox_eee.png) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-eee p { margin-bottom:0px; } div.rounded-header-eee h1, div.rounded-header-eee h2, div.rounded-header-eee h3, div.rounded-header-eee h4, div.rounded-header-eee h5, div.rounded-header-eee h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://graphics.tn-media.be/bgBigBox_eee.png) left top no-repeat; } /* dashed #ebebeb achtergrond */ div.rounded-corners-dashed_eb { background: url(http://graphics.tn-media.be/bgBigBox_dashed_eb.png) right bottom no-repeat; display:block; } div.rounded-header-dashed_eb { background: url(http://graphics.tn-media.be/bgBigBox_dashed_eb.png) right top no-repeat; } div.rounded-content-dashed_eb { background: url(http://graphics.tn-media.be/bgBigBox_dashed_eb.png) left bottom no-repeat; padding: 0px 0 5px 15px; margin: 0 20px 0 0; } div.rounded-content-dashed_eb p { margin-bottom:0px; } div.rounded-header-dashed_eb h1, div.rounded-header-dashed_eb h2, div.rounded-header-dashed_eb h3, div.rounded-header-dashed_eb h4, div.rounded-header-dashed_eb h5, div.rounded-header-dashed_eb h6 { margin: 0 20px 0 0; padding: 7px 0 5px 15px; background: url(http://graphics.tn-media.be/bgBigBox_dashed_eb.png) left top no-repeat; } div.rounded-content-wrapper h4.inlijn {background-color:white; display:inline; left:10px; padding:2px; position:relative; top:-18px;} div.rounded-content-wrapper-red h4.inlijn {background-color:white; display:inline; left:10px; padding:2px; position:relative; top:-18px;} div.rounded-content-wrapper-grey h4.inlijn {background-color:white; display:inline; left:10px; padding:2px; position:relative; top:-18px;} div.rounded-content-wrapper-bggrey h4.inlijn {background-color:white; display:inline; left:10px; padding:2px; position:relative; top:-18px;} div.rounded-content-wrapper h3 {overflow: hidden; width: 90%;} div.rounded-content-wrapper-red h3 {overflow: hidden; width: 90%;} div.rounded-content-wrapper-grey h3 {overflow: hidden; width: 90%;} div.rounded-content-wrapper-bggrey h3 {overflow: hidden; width: 90%;} /*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;} /* 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;} /* 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;} /* -------------------------------------------- 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;} /* 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;} .AfgerondeHoeken_Grijs {background-color: #E6E4E4; color: #606060;} .AfgerondeHoeken_Rood {background-color: #E3000B; color: white;} .AfgerondeHoeken_Rood a{text-decoration: none; color: white;} .AfgerondeHoeken_Rood a:hover{text-decoration: underline; color: white;} .AfgerondeHoeken_GeelBG {background-color: #FFD100; color: #303030;} a.onderlijndetekstonhover {text-decoration: none;} a.onderlijndetekstonhover:hover {text-decoration: underline;} /* Tooltip JQuery */ #Container1007 .tooltip { border: none; background-color: none; width: auto; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #FC0; background-color: #fff; padding: 5px; opacity: 1; -moz-border-radius:5px; -webkit-border-radius:5px; } #tooltip h3, #tooltip div { margin: 0; } /* Loadingbox bij order */ #LoadingBoxAfterOrder {top: 50%; left: 50%; width: 400px; height: 200px; margin-left: -200px; margin-top: -100px; z-index: 6000; position: fixed; display: none;} * html #LoadingBoxAfterOrder {position:absolute;} /* IE6 */ .trashcan:hover {background-image:url(http://images.tn-media.be/shop/images/del_red.jpg);} .trashcan {background-image:url(http://images.tn-media.be/shop/images/del_grey.jpg); display:inline-block; height:16px; margin:5px 2px 5px 0; vertical-align:middle;width:16px;} div.grayborder {background-image: url("http://graphics.tn-media.be/bggrayborder775x500.gif"); width: 773px; padding: 0px; background-position: bottom center; background-repeat: no-repeat; padding-bottom: 8px; overflow: auto;} div.grayborder div.grayborder {background-image: url("http://graphics.tn-media.be/bggrayborder775x500.gif"); width: 743px; margin: 0px; padding: 10px 15px; background-position: top center; background-repeat: no-repeat; } .rodeknop {background:url(http://graphics.tn-media.be/internet2010/inetOrderSmall.png) no-repeat; color:white; text-align:center; display:block; width:104px; height:27px; line-height:20px; text-decoration:none; font-weight:bold; } .rodeknop:hover {color:white; cursor:pointer; } .rodeknop.nohover:hover {cursor:default; } .grijzeknop {background:url(http://graphics.tn-media.be/internet2010/inetOrderGrey.png) no-repeat; color:#000000; text-align:center; display:block; width:139px; height:27px; line-height:27px; text-decoration:none; font-weight:bold; } ul.checkboxenlist {list-style: none;} ul.checkboxenlist li {list-style: none; background: none;} ul.checkboxenlist li a, ul.checkboxenlist li span {text-decoration: none; margin: 10px 0 0 0; padding-left: 25px; background: url(http://images.tn-media.be/promo_assets//sprite.jpg) no-repeat -69px 1px; outline: none; padding-bottom: 5px; zoom: 1; } ul.checkboxenlist li a.enabled, ul.checkboxenlist li span.enabled { background-position: -69px -19px; } ul.checkboxenlist li a.disabled, ul.checkboxenlist li span.disabled { background-position: -69px 1px; } ul.horizontallist li {float: left;} ul.resultlist li {list-style: none; background: none;} .promostrongred {color: #e3000b; font-weight: bold !important; width: 100% !important;} .promostrongred a{color: #e3000b !important; font-weight: bold;} ul.resultlist li {list-style: none; background: none;} .roodisrood a {color:#e3000b;} a.question_grey {width:10px !important;height:10px;text-indent:-999px;overflow:hidden;background-image:url(http://graphics.tn-media.be/ico_question_grey.png);display:inline-block;} a.question_yellow {width:10px !important;height:10px;text-indent:-999px;overflow:hidden;background-image:url(http://graphics.tn-media.be/ico_question_yellow.png);display:inline-block;} a.bestelknopRed {background: url(http://graphics.tn-media.be/Shakes2010/bg_overzicht_redbutton.png) no-repeat top left; width: 102px; height: 20px; text-align: center; font-size: 11px; line-height: 13px; color: #ffffff; font-weight: bold; display: block; text-decoration: none; padding-top: 7px;} a.bestelknopRed:hover{text-decoration: none; color: #ffffff;} div.inethp_voorwaarden {padding-top:20px;width:750px;clear:both;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#9f9f9f;} div.inethp_voorwaarden h3 {color:#3e3e3e;margin:0px 0px 15px 0px;font-weight:normal;text-decoration:underline;font-size:12px;} div.inethp_voorwaarden h3 a {color:#3e3e3e;margin:0px 0px 15px 0px;font-weight:normal;text-decoration:underline;font-size:12px;} .promotekst {color: #e3000b; font-weight: bold;} .tarieventabel2010 {width: 100%;} .tarieventabel2010 td {border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 8px;} .tarieventabel2010 tr {vertical-align: top;} .tarieventabel2010 tr.noborderhere td {border: none;} .tarieventabel2010 col.meestgekozen {background-color: #ececec;} .tarieventabel2010 thead td.meestgekozen {color: #e3000b; text-align: center; font-size: 15px; font-variant: small-caps; font-weight: bold; background: url(http://graphics.tn-media.be/whitecorner5x5_right.png) #ececec top right no-repeat;padding: 0; border-bottom: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff; border-top: none;} .tarieventabel2010 thead td.meestgekozen div{width: 100%; padding: 0; margin: 0; background: url(http://graphics.tn-media.be/whitecorner5x5_left.png) top left no-repeat;} .tarieventabel2010 thead td.meestgekozen div span{display: block; padding: 10px 0 3px 0;} .tarieventabel2010 tfoot td.meestgekozen {padding: 0; background: #ffffff; height: 18px;} .tarieventabel2010 tfoot td.meestgekozen .arrowbottomleft {padding: 0; width: 100%; height: 100%; background: url(http://graphics.tn-media.be/arrow_meestverkocht_left.png) bottom left no-repeat;} .tarieventabel2010 tfoot td.meestgekozen .arrowbottomright {padding: 0; width: 100%; height: 100%; background: url(http://graphics.tn-media.be/arrow_meestverkocht_right.png) bottom right no-repeat;} .tarieventabel2010 td.meestgekozen, .tarieventabel2010 tr.firstrow td.meestgekozen {border-bottom: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff; border-top: none; font-weight: bold;} .tarieventabel2010 td {text-align: center;} .tarieventabel2010 td.firstcolumn {text-align: left; font-weight: bold;} .tarieventabel2010 tr.firstrow td {border-top: 1px solid #e3e3e3;} .tarieventabel2010 tr.firstrow td.firstcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat top left; border: none; border-bottom: 1px solid #e3e3e3;} .tarieventabel2010 tr.firstrow td.lastcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat top right; border: none; border-bottom: 1px solid #e3e3e3;} .tarieventabel2010 tr.lastrow td.firstcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat bottom left; border: none;} .tarieventabel2010 tr.lastrow td.lastcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat bottom right; border: none;} .tarieventabel2010 tr td.lastcolumn {border-right: 1px solid #e3e3e3;} .tarieventabel2010 tr td.columnnexttomeestgekozen {border-left: none;} .tarieventabel2010 .PriceTag{background-image: url(http://graphics.tn-media.be/bgPricetag_tarieventabel2010.png);background-repeat:no-repeat; width:99px; height: 32px; padding-bottom:8px; text-align:center; color:#666666; font-weight:bold; font-size:10px;margin: auto; margin-bottom:8px; padding-top: 7px; line-height:12px;} .tarieventabel2010 .PriceTag .txtLarge{font-size:17px; line-height:20px;} label.error{color: #e3000b !important;} .OrderSomethingSmallButton{background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_small.png); background-position: left top; background-repeat: no-repeat; width: 76px; height: 26px; padding: 0; margin: 0; padding-right: 21px; display: inline-block; text-align:center; color: #ffffff; font-size: 10px; font-weight: bold; line-height: 24px; border: none; text-decoration: none; cursor: pointer;} .OrderSomethingSmallButton:hover {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingSmallButton:focus {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingButton{background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_big.png); background-position: left top; background-repeat: no-repeat; width: 135px; height: 38px; padding: 0; padding-right: 29px; margin: 0; display: inline-block; text-align:center; color: #ffffff; font-size: 13px; font-weight: bold; line-height: 38px; border: none; text-decoration: none; cursor: pointer;} .OrderSomethingButton:hover {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingButton:focus {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingButtonBasket{background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_basket.png); background-position: left top; background-repeat: no-repeat; width: 142px; height: 28px; padding: 0; padding-right: 24px; margin: 0; display: inline-block; text-align:center; color: #ffffff; font-size: 11px; font-weight: bold; line-height: 26px; border: none; text-decoration: none; cursor: pointer;} .OrderSomethingButtonBasket:hover {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingButtonBasket:focus {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingBigButton{background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_extrabig.png); background-position: left top; background-repeat: no-repeat; width: 276px; height: 28px; padding: 0; padding-right: 24px; margin: 0; display: inline-block; text-align:center; color: #ffffff; font-size: 12px; font-weight: bold; line-height: 26px; border: none; text-decoration: none; cursor: pointer;} .OrderSomethingBigButton:hover {background-position: left bottom; color: #ffffff; text-decoration: none;} .OrderSomethingBigButton:focus {background-position: left bottom; color: #ffffff; text-decoration: none;} .vergelijktabel2010 {width: 100%;} .vergelijktabel2010 td {border-bottom: 1px solid #e3e3e3; padding: 8px 5px;} .vergelijktabel2010 td.centreertekstincel {text-align: center;} .vergelijktabel2010 tr td.firstcolumn {vertical-align: top; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;} .vergelijktabel2010 tr td.lastcolumn {border-right: 1px solid #e3e3e3;} .vergelijktabel2010 tr.noborderhere td {border: none;} .vergelijktabel2010 td.meestgekozen {background-color: #ececec;} .vergelijktabel2010 tr.firstrow td.meestgekozen {border-top: 1px solid #ececec;} .vergelijktabel2010 thead td.meestgekozen {color: #e3000b; text-align: center; font-size: 13px; font-variant: small-caps; font-weight: bold; background: url(http://graphics.tn-media.be/whitecorner5x5_right.png) #ececec top right no-repeat;padding: 0; /*border-bottom: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff; border-top: none;*/} .vergelijktabel2010 thead td.meestgekozen div{width: 100%; padding: 0; margin: 0; background: url(http://graphics.tn-media.be/whitecorner5x5_left.png) top left no-repeat;} .vergelijktabel2010 thead td.meestgekozen div span{display: block; padding: 10px 0 3px 0;} /* .vergelijktabel2010 td.meestgekozen, .vergelijktabel2010 tr.firstrow td.meestgekozen {border-bottom: none;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff; border-top: none; font-weight: bold;}*/ .vergelijktabel2010 td {text-align: center;} .vergelijktabel2010 td.firstcolumn {text-align: left;} .vergelijktabel2010 td.firstcolumn p {font-size: 11px; color: #8a8a8a;} .vergelijktabel2010 tr.firstrow {vertical-align: top;} .vergelijktabel2010 tr.firstrow td {border-top: 1px solid #e3e3e3;} .vergelijktabel2010 tr.firstrow td.firstcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat top left; border: none; border-bottom: 1px solid #e3e3e3;} .vergelijktabel2010 tr.firstrow td.secondcolumn {border-left: none;} .vergelijktabel2010 tr.firstrow td.lastcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat top right; border: none; border-bottom: 1px solid #e3e3e3;} .vergelijktabel2010 tr.lastrow td.firstcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat bottom left; border-bottom:medium none; border-left:medium none;} .vergelijktabel2010 tr.lastrow td.lastcolumn {background: url(http://graphics.tn-media.be/bg_tarieventabel2010.png) no-repeat bottom right; border: none;} .vergelijktabel2010 tr.noborderbottom td {border-bottom: none;} .vergelijktabel2010 tr td.lastcolumn {border-right: 1px solid #e3e3e3;} .vergelijktabel2010 tr td.columnnexttomeestgekozen {border-left: none;} .vergelijktabel2010 p.rodetekst {color: #e3000b;} .vergelijktabel2010 td p {padding: 0; margin: 0;} .vergelijktabel2010 .PriceTag{background-image: url(http://graphics.tn-media.be/bgPricetag_vergelijktabel2010.png);background-repeat:no-repeat; width:99px; height: 29px; padding-bottom:8px; text-align:center; color:#606060; font-size:9px;margin: auto; margin-bottom:8px; padding-top: 7px; line-height:11px;} .vergelijktabel2010 .PriceTag .txtLarge{font-size:18px; line-height:20px; font-weight: bold;} .vergelijktabel2010 a.BtnArrowOnGrey {text-decoration: none; display: inline; font-size: 12px; line-height: 15px; background-position: center left;} .vergelijktabel2010 p.paddingbestelknop {padding-top: 10px;} .vergelijktabel2010 p.titelbeschrijving {padding-top: 10px; color: #8c8c8c; font-size: 10px;} #DetailPageCol {overflow: hidden; width: 100%;} #DetailPageColLeft{float:left; width:580px;} #DetailPageColRight {float: left; width: 183px; margin-left: 10px; margin-top:15px;} .DetailPageYellowBottom {width: 580px; background: url(http://graphics.tn-media.be/detailpage/bg_yellowBox_bottom.png) bottom left no-repeat;} .DetailPageYellowTop {width: 580px; background: url(http://graphics.tn-media.be/detailpage/bg_yellowBox_top.png) bottom left no-repeat; overflow: hidden; height: 65px;} .DetailPageTitle {float: left; width: 400px; padding: 30px 0 0 20px;} .DetailPagePrice {float: left; width: 130px; padding-left: 8px; padding-top: 10px; font-size: 10px; font-weight: bold; text-align: center; line-height: 12px;} .DetailPagePrice span {font-size: 26px; line-height: 28px;} .DetailPagePromo {width: 580px; text-align: center; padding-bottom: 6px;} .DetailPagePromo2 {width: 580px; padding-bottom: 6px;} .DetailPagePromo2 ul {margin: 0 15px;} .DetailPagePromo2 ul li {padding-left: 0; background: none; list-style: disc;} .DetailPageGreyTop {width: 580px; background: url(http://graphics.tn-media.be/detailpage/bg_greyBox_top2.png) bottom left no-repeat; overflow: hidden; height: 40px;} .DetailPageGreyTop_old {width: 580px; background: url(http://graphics.tn-media.be/detailpage/bg_greyBox_top.png) bottom left no-repeat; overflow: hidden; height: 40px;} .DetailPageGreyBottom {width: 580px; background: url(http://graphics.tn-media.be/detailpage/bg_greyBox_bottom.png) bottom left no-repeat; margin-top: 10px; padding-bottom: 10px;} .WidePageGreyTop {width: 770px; background: url(http://graphics.tn-media.be/widepage/bg_greyBox_top2.png) bottom left no-repeat; overflow: hidden; height: 40px;} .WidePageGreyTop_old {width: 770px; background: url(http://graphics.tn-media.be/widepage/bg_greyBox_top.png) bottom left no-repeat; overflow: hidden; height: 40px;} .WidePageGreyBottom {width: 770px; background: url(http://graphics.tn-media.be/widepage/bg_greyBox_bottom.png) bottom left no-repeat; margin-top: 10px; padding-bottom: 20px;} .WidePageYellowBottom {width: 770px; background: url(http://graphics.tn-media.be/widepage/bg_yellowBox_bottom.png) bottom left no-repeat;} .WidePageYellowTop {width: 770px; background: url(http://graphics.tn-media.be/widepage/bg_yellowBox_top.png) bottom left no-repeat; overflow: hidden; height: 65px;} #navigationdetailpage2011 {overflow: hidden; width: 100%; margin: 0; padding: 0; height: 40px;} #navigationdetailpage2011 li {float: left; display: block; background-image: url(http://graphics.tn-media.be/detailpage/tab_line.png);background-repeat:no-repeat;background-position:top right; padding: 0; margin: 0; padding-right: 12px; height: 40px;} #navigationdetailpage2011 li.greytab {float: right; background-image: url(http://graphics.tn-media.be/detailpage/tab_line.png);background-repeat:no-repeat;background-position:top left;} #navigationdetailpage2011 li.greytab a {float: left; display: block; background: none;} #navigationdetailpage2011 li a {float: left; display: block; background: none; padding-left: 12px; line-height: 40px; color:#555555; font-size:10px; text-decoration:none; font-weight: normal;} #navigationdetailpage2011 li.first a {background: none; padding-left: 8px;} #navigationdetailpage2011 li.active.first a {background: url(http://graphics.tn-media.be/detailpage/tab_active_first2.png) no-repeat left top;} #navigationdetailpage2011 li.last {padding-right: 8px;} #navigationdetailpage2011 li.active.last{background: url(http://graphics.tn-media.be/detailpage/tab_active_last2.png) no-repeat right top;} #navigationdetailpage2011 li.active {background: url(http://graphics.tn-media.be/detailpage/tab_active_right2.png) no-repeat right top;} #navigationdetailpage2011 li.active a {background: url(http://graphics.tn-media.be/detailpage/tab_active_left2.png) no-repeat left top;font-weight: bold;} #FieldTab {width: 550px; padding: 15px;} .WidePageGreyBottom #FieldTab {width: 740px;} #FieldTab ul.vinkjes {padding:7px 0 7px 10px;} #FieldTab ul.vinkjes li {background: url(http://graphics.tn-media.be/detailpage/li_vinkje.png) no-repeat left top; padding-bottom:10px; padding-left:20px;} #FieldTab .FieldTabInterTitle {padding: 5px; color: #242424; margin: 0;} #FieldTab .FieldTabInterBlock {border-bottom: 1px solid #e6e5e5; padding: 5px;} #FieldTab .FieldTabInterBlockLast {padding: 5px;} a.onlyalineonhover {text-decoration: none;} a.onlyalineonhover:hover {text-decoration: underline;} .bg_fieldblock_left{position: relative; background: url(http://graphics.tn-media.be/detailpage/bg_fieldblock_left.jpg) no-repeat scroll 0% 0% transparent; width: 549px;} .bg_fieldblock_right{position: relative; background: url(http://graphics.tn-media.be/detailpage/bg_fieldblock_right.jpg) no-repeat scroll 0% 0% transparent; width: 549px;} /* Movieoverlayer */ .SboxContainerMovie {width: 943px; height: 620px;} .SboxContainerMovieBlock {width: 943px; height: 432px; overflow: hidden;} .SboxContainerMoviePromo {width: 159px; float: left; margin-right: 16px;} .SboxContainerMoviePlayer {width: 768px; height: 432px; float: left; background: url(http://graphics.tn-media.be/homepage/overlayer_movie_default.png) center center;} .SboxContainerMovieRelated {width: 943px; height: 174px; margin-top: 11px; overflow: hidden; background-image: url(http://graphics.tn-media.be/homepage/overlayer_bg_related.png);} .SboxContainerMovieRelatedText {width: 175px; float: left; text-align: right; font-size: 20px; line-height: 22px; color: #6d6e71; margin: 7px 0 8px;} .SboxContainerMovieRelatedCarrousel {width: 767px; float: left; height: 159px; margin: 7px 0; overflow: hidden;} .SboxContainerMovieRelatedCarrouselPrevious {width: 22px; height: 100%; margin-right: 5px; float: left;} .SboxContainerMovieRelatedCarrouselPrevious img {margin-top: 40px;} .SboxContainerMovieRelatedCarrouselNext {width: 22px; height: 100%; margin-left: 5px; float: left;} .SboxContainerMovieRelatedCarrouselNext img {margin-top: 40px;} .SboxContainerMovieRelatedCarrouselBody {width: 712px; height: 159px; float: left; overflow: hidden; position: relative; } .SboxContainerMovieRelatedCarrouselBody .Overlayer_Carrousel {overflow: hidden; margin-bottom: -9999px; margin-right: -9999px;} .SboxContainerMovieRelatedCarrouselBody ul {list-style-type: none; margin: 0; padding: 0; position: relative; width: 9999px;} .SboxContainerMovieRelatedCarrouselBody ul li {float: left; background: none; padding: 0; width: 178px; height: 159px;} .SboxContainerMovieRelatedCarrouselBody ul li.active{background-image:url(http://graphics.tn-media.be/homepage/overlayer_bg_related_active.png); padding: 0;} /* end Movieoverlayer */ #shoppingbasket, #shoppingbasket div, #shoppingbasket span, #shoppingbasket h1, #shoppingbasket h2, #shoppingbasket h3, #shoppingbasket h4, #shoppingbasket h5, #shoppingbasket h6, #shoppingbasket p, #shoppingbasket del, #shoppingbasket a, #shoppingbasket img, #shoppingbasket strong, #shoppingbasket sup, #shoppingbasket b, #shoppingbasket u, #shoppingbasket i, #shoppingbasket center,#shoppingbasket dl, #shoppingbasket dt, #shoppingbasket dd, #shoppingbasket ol, #shoppingbasket ul, #shoppingbasket li {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: 120%; vertical-align: baseline;} #shoppingbasket .OrderSomethingButtonBasket{line-height: 26px; padding-right: 24px;} #shoppingbasket {line-height: 1;} #shoppingbasket ol, #shoppingbasket ul {list-style: none;} #shoppingbasket del {text-decoration: line-through;} #shoppingbasket sup {font-size: 70%;} #shoppingbasket {width: 183px; background: url(http://graphics.tn-media.be/shoppingbasket/background.png) no-repeat bottom left; font: 11px Verdana,Arial,Helvetica,sans-serif; line-height: 1; color: #606060; padding-bottom: 10px; margin-bottom: 10px;} #shoppingbasket #sbTop {background: url(http://graphics.tn-media.be/shoppingbasket/greentop.png) no-repeat top left; height: 15px; padding: 20px 10px 10px 37px; color: #ffffff; } #shoppingbasket dl {width: 167px; overflow: hidden; margin: 6px 8px;} #shoppingbasket dl dt {padding: 0 3px; width: 100px; float: left;} #shoppingbasket dl dd {padding: 0 10px 0 1px; width: 50px; float: right; text-align: right;} #shoppingbasket div.greybox {background-color: #9d9a9b; color: #ffffff; margin: 6px 8px;} #shoppingbasket div.greybox a.greyimagelink {background-color: #9d9a9b; color: #9d9a9b;} #shoppingbasket div.greybox a img {background-color: #9d9a9b;} #shoppingbasket div.greybox dl{margin: 0px 2px; padding: 5px 0;} #shoppingbasket .sbTextBlock {width: 163px; padding: 6px 9px 6px 11px;} #shoppingbasket .sbTextBlock .OrderSomethingButtonBasket{margin-top: 15px;} #navigationXbox li {background: none;} #navigationXbox li.active {background: url(http://images.tn-media.be/xbox/bg_actieve_tab.png) no-repeat bottom left;} .XboxBanner {padding: 10px 0;} p.samenwerkingmobile{ text-align: right; margin-right: 20px;} span.samenwerkingmobile {font-size: 13px;} /* online voordeelpagina */ .rb { background: none repeat scroll 0 0 transparent; float: left; padding-right: 5px; padding-top: 15px; position: relative; width: 181px; } .xtop, .xbottom { background: none repeat scroll 0 0 transparent; display: block; font-size: 1px; } .xtop { padding-top: 7px; } .xb1, .xb2, .xb3, .xb4 { display: block; overflow: hidden; } .xb1, .xb2, .xb3 { height: 1px; } .xb2, .xb3, .xb4 { background: none repeat scroll 0 0 #F7F7F7; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } .xb1 { background: none repeat scroll 0 0 #CCCCCC; margin: 0 5px; } .xb2 { border-width: 0 2px; margin: 0 3px; } .xb3 { margin: 0 2px; } .xb4 { height: 2px; margin: 0 1px; } .xtop .xb2, .xtop .xb3, .xtop .xb4 { background: none repeat scroll 0 0 #E6E6E6; } .rbcontent { background: url("http://graphics.tn-media.be/onlinebestellen/rbcontent_gradient_bg.png") repeat-x scroll center top #F7F7F7; border-color: #CCCCCC; border-style: solid; border-width: 0 1px; color: black; height: auto !important; min-height: 330px; padding: 10px; text-align: center; } .rbcontent a { color: #606060; } .rbcontent .title { color: #606060; font-weight: bold; } .rbcontent .subtitle { color: #E3000B; font-weight: bold; } .rbcontent .maintext { color: #606060; font-size: 11px; text-align: left; } .mousebox .logo { background: url("http://graphics.tn-media.be/onlinebestellen/mouse_logo.png") no-repeat scroll 0 transparent; float: left; height: 48px; width: 44px; } .mousebox .text { float: left; height: 50px; overflow: visible; padding-left: 5px; padding-top: 4px; text-align: left; width: 100px; } .socialmediabox .logo { background: url("http://graphics.tn-media.be/onlinebestellen/socialmedia_logo.png") no-repeat scroll 0 transparent; float: left; height: 40px; width: 54px; } .socialmediabox .text { float: left; height: 50px; overflow: visible; padding-left: 5px; padding-top: 4px; text-align: left; width: 100px; } .mousebox .mobile_text { float: left; padding-left: 5px; padding-top: 6px; text-align: left; width: 100px; } .bt_box .logo { background: url("http://graphics.tn-media.be/onlinebestellen/bluetooth.png") no-repeat scroll 0 transparent; float: left; height: 60px; width: 54px; } .bt_box .text { float: left; padding-left: 8px; padding-top: 4px; text-align: left; width: 97px; } .super { font-size: 7px; padding-left: 2px; vertical-align: super; } .linkbox .greylink a { color: #606060; font-size: 11px; font-weight: bold; } .linkbox a { text-align: left; } .linkbox .greylink a:hover { color: #606060; font-size: 11px; font-weight: bold; text-decoration: underline; } .last { border-right: 0 none; padding-right: 0; } /*new rounded corners*/ .walkthelegalline {border-bottom: solid 1px #d6d6d6; padding-bottom: 10px; margin-bottom: 10px; } .dotthelegaltext {background: url(http://assets.tn-media.be/graphics/bgListRed.gif) no-repeat scroll 0 3px transparent; padding-left: 10px; padding-bottom: 5px;} .linkthelegaltitle{cursor: pointer; text-decoration: underline;} .container_rounded_f5f5f5_fulla {position:relative; margin:0px auto; min-width:8em; max-width:770px; z-index:1; margin-left:20px; margin-bottom:20px;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fullb, .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fullc1, .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1, .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1 div {background:transparent url(http://graphics.tn-media.be/container_f5f5f5_full.png) no-repeat top right; _background-image:url(http://graphics.tn-media.be/container_f5f5f5_full.gif); background-color: #f5f5f5;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fullb {position:relative; zoom:1; _overflow-y:hidden; padding:20px 20px 0px 0px;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fullc1 {position:absolute; left:0px; top:0px; width:20px; margin-left:-20px; height:100%; _height:900px; background-position:top left;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1 {position:relative; width:100%;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1, .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1 div {height:30px; font-size:1px;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1 {background-position:bottom right;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fulla1 div {position:relative; width:20px; margin-left:-20px; background-position:bottom left;} .container_rounded_f5f5f5_fulla .container_rounded_f5f5f5_fullc {position:static; max-height:2000px; overflow: hidden;} .container_rounded_f5f5f5_w573a, .container_rounded_f5f5f5_w573b {background: url(http://graphics.tn-media.be/container_f5f5f5_w573.png) no-repeat; _background-image:url(http://graphics.tn-media.be/container_f5f5f5_w573.gif); background-color: #f5f5f5;} .container_rounded_f5f5f5_w573a {padding: 20px 0 0 0; margin: 0; width: 573px; background-position: top left;} .container_rounded_f5f5f5_w573b {padding: 0 20px 20px 20px; margin: 0; width: 573px; background-position: bottom left;} .container_rounded_yellowa {position:relative; margin:0px auto; min-width:8em; max-width:770px; z-index:1; margin-left:20px; margin-bottom:20px;} .container_rounded_yellowa .container_rounded_yellowb, .container_rounded_yellowa .container_rounded_yellowc1, .container_rounded_yellowa .container_rounded_yellowa1, .container_rounded_yellowa .container_rounded_yellowa1 div {background:transparent url(http://assets.tn-media.be/graphics/bgRoundYellow.gif) no-repeat top right; _background-image:url(http://graphics.tn-media.be/container_f5f5f5_full.gif); background-color: #f5f5f5;} .container_rounded_yellowa .container_rounded_yellowb {position:relative; zoom:1; _overflow-y:hidden; padding:20px 20px 0px 0px;} .container_rounded_yellowa .container_rounded_yellowc1 {position:absolute; left:0px; top:0px; width:20px; margin-left:-20px; height:100%; _height:900px; background-position:top left;} .container_rounded_yellowa .container_rounded_yellowa1 {position:relative; width:100%;} .container_rounded_yellowa .container_rounded_yellowa1, .container_rounded_yellowa .container_rounded_yellowa1 div {height:30px; font-size:1px;} .container_rounded_yellowa .container_rounded_yellowa1 {background-position:bottom right;} .container_rounded_yellowa .container_rounded_yellowa1 div {position:relative; width:20px; margin-left:-20px; background-position:bottom left;} .container_rounded_yellowa .container_rounded_yellowc {position:static; max-height:2000px; overflow: hidden;} .container_rounded_f5f5f5_full_bordereda {position:relative; margin:0px auto; min-width:8em; max-width:770px; z-index:1; margin-left:20px; margin-bottom:20px;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_borderedb, .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_borderedc1, .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1, .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1 div {background:transparent url(http://graphics.tn-media.be/container_f5f5f5_full_bordered.png) no-repeat top right; _background-image:url(http://graphics.tn-media.be/container_f5f5f5_full.gif); background-color: #f5f5f5;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_borderedb {position:relative; zoom:1; _overflow-y:hidden; padding:20px 20px 0px 0px;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_borderedc1 {position:absolute; left:0px; top:0px; width:20px; margin-left:-20px; height:100%; _height:900px; background-position:top left;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1 {position:relative; width:100%;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1, .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1 div {height:30px; font-size:1px;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1 {background-position:bottom right;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_bordereda1 div {position:relative; width:20px; margin-left:-20px; background-position:bottom left;} .container_rounded_f5f5f5_full_bordereda .container_rounded_f5f5f5_full_borderedc {position:static; max-height:2000px; overflow: hidden;} .container_rounded_ffffff_border_dedede_a {position:relative; margin:0px auto; min-width:8em; max-width:770px; z-index:1; margin-left:13px; margin-bottom:13px;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_b, .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_c1, .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1, .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1 div {background:transparent url(http://graphics.tn-media.be/container_ffffff_border_dedede.png) no-repeat top right; background-color: #ffffff;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_b {position:relative; zoom:1; _overflow-y:hidden; padding:13px 13px 0px 0px;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_c1 {position:absolute; left:0px; top:0px; width:13px; margin-left:-13px; height:100%; _height:900px; background-position:top left;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1 {position:relative; width:100%;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1, .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1 div {height:13px; font-size:1px;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1 {background-position:bottom right;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_a1 div {position:relative; width:13px; margin-left:-13px; background-position:bottom left;} .container_rounded_ffffff_border_dedede_a .container_rounded_ffffff_border_dedede_c {position:static; max-height:2000px; overflow: hidden;} .container_rounded_transparent_border_c5c5c5_shadow_a {position:relative; margin:0px auto; min-width:8em; max-width:770px; z-index:1; margin-left:13px; margin-bottom:13px;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_b, .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_c1, .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1, .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1 div {background:transparent url(http://graphics.tn-media.be/container_transparent_border_c5c5c5_shadow.png) no-repeat top right;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_b {position:relative; zoom:1; _overflow-y:hidden; padding:13px 13px 0px 0px;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_c1 {position:absolute; left:0px; top:0px; width:13px; margin-left:-13px; height:100%; _height:900px; background-position:top left;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1 {position:relative; width:100%;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1, .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1 div {height: 13px; font-size:1px;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1 {background-position:bottom right;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_a1 div {position:relative; width:13px; margin-left:-13px; background-position:bottom left;} .container_rounded_transparent_border_c5c5c5_shadow_a .container_rounded_transparent_border_c5c5c5_shadow_c {position:static; max-height:2000px; overflow: hidden;} .container_horsplit_ffffff_f5f5f5 {background:transparent url(http://graphics.tn-media.be/container_horsplit_ffffff_f5f5f5.png) no-repeat center center;} .ProductPage_Mobile_Box {position: relative; width: 100%; overflow: hidden;} .ProductPage_Mobile_Box .container_rounded_ffffff_border_dedede {width:100%; overflow: hidden;} .ProductPage_Mobile_Box .container_rounded_ffffff_border_dedede_a {padding-top: 10px;} .ProductPage_Mobile_Box .PriceBoxRight {position: absolute; top: 0; right: 50px; z-index: 100;} .ProductPage_Mobile_Box .PriceBoxLeft {position: absolute; top: 0; right: 408px; z-index: 100;} .ProductPage_Mobile_Box .BlockLeft {width: 350px; float: left;} .ProductPage_Mobile_Box .BlockCenter {width: 40px; float: left;} .ProductPage_Mobile_Box .BlockRight {width: 310px; float: left;} .ProductPage_Mobile_Box h1, .ProductPage_Mobile_Box h1 a {color: #55555; font: bold 20px/22px Verdana,Arial,Helvetica,sans-serif; padding: 0 0 25px 5px;} .MobileDetailBox, .MobileDetailBox2 {width: 340px; overflow: hidden; padding: 5px;} .MobileDetailBox {background: url(http://graphics.tn-media.be/MobileDetailBox_divider.png) no-repeat bottom left;} .MobileDetailBox .MobileDetailBoxLeft, .MobileDetailBox2 .MobileDetailBoxLeft{width: 100px; margin-right: 6px; float: left;} .MobileDetailBox .MobileDetailBoxRight, .MobileDetailBox2 .MobileDetailBoxRight{width: 222px; float: left;} .TechnicalInvisibleBlockForJQ {visibility: hidden;} /*-------------------------------------------------BEGIN VERGELIJKINGSTABEL-------------------------------------------------*/ .vergelijkingstabel2011{ width: 100%; overflow: hidden; } .vergelijkingstabel2011 .PriceTag{ background-image: url("http://graphics.tn-media.be/bgPricetag_vergelijktabel2010.png"); background-repeat: no-repeat; color: #606060; font-size: 9px; height: 29px; line-height: 11px; margin: 4px auto 0; padding-bottom: 8px; padding-top: 7px; text-align: center; width: 99px; } .vergelijkingstabel2011 .PriceTag .txtLarge { font-size: 18px; font-weight: bold; line-height: 20px; } .kolom{ float: left; text-align:center; background: url('http://images.tn-media.be/vergelijkpagina2011/bg_boven_midden.png') no-repeat top left; height: 100%; } .rij2 .kolom{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_links.png') no-repeat top left; } .rij3 .kolom{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onder_midden.png') no-repeat bottom left; } .rij2 .vg_rechtsvantip.vg_laatste{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_rechtsvantip.png') no-repeat top left; } .rij3 .vg_rechtsvantip.vg_laatste{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onder_rechtsvantip.png') no-repeat bottom left; } .vergelijkingstabel2011 .promo_wrapper{ height: 73px; position: relative; } .vergelijkingstabel2011 .promo_wrapper .rij2{ height: 73px; left: 0; position: absolute; top: 0; z-index: 100; } .vergelijkingstabel2011 .promo_wrapper .vg_promo{ width: 685px; height: 51px; background: url('http://images.tn-media.be/vergelijkpagina2011/bg_promo.png') no-repeat;text-align: center; padding: 22px 0 0; position: absolute; top:0; z-index: 200; } .vg_tekst{ padding: 3px 20px 0; } .vergelijkingstabel2011 .vg_plus{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_lijn_plus.png') no-repeat top center; height: 22px; } .vergelijkingstabel2011 .vg_lijn{ border-bottom: 1px solid #ededed; } .rij1, .rij2, .rij3{ overflow: hidden; width: 100%; } .rij1 .vg_eerste{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_bovenhoek_links.png') no-repeat top left; } .rij1 .vg_tip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_links.png') no-repeat top left; padding: 0; } .rij1 .vg_tip .vg_tip_rechts{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_rechts.png') no-repeat top right; height: 100%; } .rij1 .vg_rechtsvantip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_boven_rechtsvantip.png') no-repeat top left; } .rij1 .vg_laatste{ padding: 0; } .rij1 .vg_tekst{ padding: 30px 10px 10px; } .rij1 .vg_laatste .vg_laatste_rechts{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_bovenhoek_rechts.png') no-repeat top right; height: 100%; } .rij2 .vg_eerste{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_links.png') no-repeat top left; } .rij2 .vg_tip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_midden_links.png') no-repeat top left; padding: 0; } .rij2 .vg_tip .vg_tip_rechts{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_midden_rechts.png') no-repeat top right; height: 100%; } .rij2 .vg_rechtsvantip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_rechtsvantip.png') no-repeat top left; } .rij2 .vg_laatste{ padding: 0; background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_links.png') no-repeat top left; } .rij2 .vg_laatste .vg_laatste_rechts{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_midden_rechts.png') no-repeat top right; height: 100%; } .rij3 .vg_eerste{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onderhoek_links.png') no-repeat bottom left; } .rij3 .vg_tip .vg_tip_rechts{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_onder_rechts.png') no-repeat bottom right; padding: 0 5px; height: 100%; } .rij3 .vg_tip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_tip_onder_links.png') no-repeat bottom left; padding: 0; } .rij3 .vg_rechtsvantip{ background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onder_rechtsvantip.png') no-repeat bottom left; } .rij3 .vg_laatste{ padding: 0; background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onder_midden.png') no-repeat bottom left; } .rij3 .vg_laatste .vg_laatste_rechts{ padding: 0 5px; background: url('http://images.tn-media.be/vergelijkpagina2011/bg_onderhoek_rechts.png') no-repeat bottom right; height: 100%; } div.fadeborder { background-image: url("http://graphics.tn-media.be/bgfadeborder775x500.jpg"); background-position: center bottom; background-repeat: no-repeat; margin-bottom: 10px; overflow: auto; padding: 0 0 8px; width: 773px; } div.fadeborder div.fadeborder { background-image: url("http://graphics.tn-media.be/bgfadeborder775x500.jpg"); background-position: center top; background-repeat: no-repeat; margin: 0; padding: 10px 15px; width: 743px; } div.fadeonder { background-image: url("http://graphics.tn-media.be/fadeonder.jpg"); background-position: center top; background-repeat: no-repeat; margin-bottom: 10px; overflow: auto; padding: 8px 0 0; width: 773px; } div.fadeonder div.fadeonder { background-image: url("http://graphics.tn-media.be/fadeonder.jpg"); background-position: center bottom; background-repeat: no-repeat; margin: 0; padding: 10px 15px; width: 743px; } /*-------------------------------------------------END VERGELIJKINGSTABEL-------------------------------------------------*/ /*basket*/ .basket_prod_kabel {display: none;} .basket_prod_shake {display: none;} #shoppingbasket ul li {text-align: right; padding: 1px 9px; background: none; } #shoppingbasket ul li.product {color: #9a9a9a; } #shoppingbasket ul li.totaal {border-top: 1px solid #9a9a9a; padding: 3px 0; margin: 2px 9px; } #shoppingbasket ul li.voordeel {font-weight: bold; } #shoppingbasket dl dt.shake {width: 140px; } /*-------------------------------------------------BEGIN VERGELIJKINGSTABEL 2011/09-------------------------------------------------*/ .vergelijkingstabel201109{ width: 100%; overflow: hidden; margin: 5px 0 0 0; position: relative; } .vergelijkingstabel201109 .product{ width: 245px; text-align: center; float: left; margin: 20px 0 0 0; } .vergelijkingstabel201109 .product .top{ background: url(http://images.tn-media.be/vergelijkpagina201109/bg_top.png) no-repeat top center; padding: 15px 30px 0; overflow: hidden; } .vergelijkingstabel201109 .product .top h1{ padding: 0 0 7px 0; margin: 0; } .vergelijkingstabel201109 .product .top .bullets{ margin: 3px 0 5px 0; } .vergelijkingstabel201109 .product .bottom .pricetag{ background: url(http://images.tn-media.be/vergelijkpagina201109/bg_pricetag.png) no-repeat top center; width: 115px; height: 37px; margin: 5px auto; font-weight: bold; padding: 10px 0 0 0; } .vergelijkingstabel201109 .product .bottom{ background: url(http://images.tn-media.be/vergelijkpagina201109/bg_bottom.png) no-repeat bottom center; padding: 5px 0; } .vergelijkingstabel201109 .product .bottom img{ margin: 3px 0; } .vergelijkingstabel201109 .product .bottom .productspecs{ width: 222px; overflow: hidden; margin: 5px auto; height: 62px; line-height: 18px; } .vergelijkingstabel201109 .product .bottom .productspecs .left{ width: 100px; text-align: right; float: left; margin-right: 10px; color: #a8a8a9; } .vergelijkingstabel201109 .product .bottom .productspecs .center{ width: 2px; text-align: center; background: url(http://images.tn-media.be/vergelijkpagina201109/line_vertical.png) no-repeat bottom center; float: left; height: 62px; } .vergelijkingstabel201109 .product .bottom .productspecs .right{ width: 100px; text-align: left; float: left; margin-left: 10px; } .vergelijkingstabel201109 .product .bottom .productspecs .right span{ font-size: 15px; font-weight: bold; } .vergelijkingstabel201109 .product .bottom .promobox{ width: 235px; overflow: hidden; margin: 5px auto; padding: 6px 5px; text-align: center; color: #E3000B; } .vergelijkingstabel201109 .product .crosscell, .vergelijkingstabel201109 .product.tip .crosscell{ width: 245px; overflow: hidden; text-align: center; color: #8b8b8b; } .vergelijkingstabel201109 .product .crosscell .top, .vergelijkingstabel201109 .product.tip .crosscell .top{ background: url(http://images.tn-media.be/vergelijkpagina201109/bg_cross_top.png) no-repeat top center; height: 6px; padding: 0; } .vergelijkingstabel201109 .product .crosscell .bottom, .vergelijkingstabel201109 .product.tip .crosscell .bottom{ background: url(http://images.tn-media.be/vergelijkpagina201109/bg_cross_bottom.png) no-repeat bottom center; padding: 6px 5px 15px; overflow: hidden; font-size: 14px; line-height: 16px; } .vergelijkingstabel201109 .product .crosscell .bottom a, .vergelijkingstabel201109 .product.tip .crosscell .bottom a{ overflow: hidden; text-decoration: none; color: #8b8b8b; } .vergelijkingstabel201109 .product .crosscell .bottom a:hover, .vergelijkingstabel201109 .product.tip .crosscell .bottom a:hover{ color: #E3000B; } .vergelijkingstabel201109 .product.tip{ margin: 0 13px; } .vergelijkingstabel201109 .product.tip .top{ background: url(http://images.tn-media.be/vergelijkpagina201109/bg_top_tip.png) no-repeat top center; padding-top: 20px; } .vergelijkingstabel201109 .product.tip .bottom{ background: url(http://images.tn-media.be/vergelijkpagina201109/bg_bottom_tip.png) no-repeat bottom center; padding-bottom: 10px; } .vergelijkingstabel201109 .product .top .blok{ height: 50px; } .vergelijkingstabel201109 .product.tip .top .blok{ height: 65px; } /*-------------------------------------------------END VERGELIJKINGSTABEL 2011/09-------------------------------------------------*/ #DetailPageColRight .crosscell {width: 183px; overflow: hidden; text-align: center; color: #8b8b8b;} #DetailPageColRight .crosscell .top {background: url(http://graphics.tn-media.be/detailpage/bg_cross_top.png) no-repeat top center; height: 6px; padding: 0;} #DetailPageColRight .crosscell .bottom {background: url(http://graphics.tn-media.be/detailpage/bg_cross_bottom.png) no-repeat bottom center; padding: 6px 10px 15px; overflow: hidden; font-size: 14px; line-height: 16px;} #DetailPageColRight .crosscell .bottom a {overflow: hidden; text-decoration: none; color: #8b8b8b;} #DetailPageColRight .crosscell .bottom a:hover {color: #E3000B;}