/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ----- COMMON AND GLOBAL ----- */ body { font:12px arial, helvetica, sans-serif; margin:0; padding:0; color: #797979; background:url(../imgs/Global/bodyBkg.jpg) top center no-repeat; text-align:center; } html { background:url(../imgs/Global/htmlBkg.gif) top center repeat-y; background-attachment:fixed; } html, body { height: 100%; } * { margin:0; padding:0; } /* ----- MAIN STYLES ----- */ #mandatories { padding-top:18px; } #langswitch { font-size:10px;position:absolute;right:0;top:4px;} .buttonsCoupons { width:330px; height:64px; background:url(../imgs/Global/buttonCouponsBkg.gif) 0 0 no-repeat; } .buttonsCouponscolumnThreeNew { width:220px; height:64px; background:url(../imgs/Global/buttonsCouponscolumnThreeNewBkg.gif) 0 0 no-repeat; } .buttonsCouponsRight { padding-top:20px; float:right; padding-right:15px; } #sticker { position:absolute; top:280px; right:0; } #stickerLanding { position:absolute; top:280px; right:0; } #stickerHome { position:absolute; top:300px; right:-15px; } #flashMovieProductRange { visibility:hidden; background:#ffffff; position:absolute; top:114px; } #successfulQuitingPromoBoxLeft { float:left; width:50%; height:120px; background:url(../imgs/Global/successfulQuitingPromoBoxLeftBkg.gif) 0 0 no-repeat; } #successfulQuitingPromoBoxLeftContent { left:115px; width:250px; position:relative; top:23px; } #successfulQuitingPromoBoxLeftButton { float:right; margin-top:5px; margin-right:3px; } #successfulQuitingPromoBoxRight { float:right; width:50%; height:120px; background:url(../imgs/Global/successfulQuitingPromoBoxRightBkg.gif) 0 0 no-repeat; } #successfulQuitingPromoBoxRightContent { left:125px; width:270px; position:relative; top:23px; } #successfulQuitingPromoBoxRightButton { float:right; margin-top:3px; margin-right:22px; } #productRangePromoBox { width:760px;} #productRangePromoBoxLeft { float:left; width:50%; height:120px; background:url(../imgs/Global/productRangePromoBoxLeftBkg.gif) 0 0 no-repeat;position:absolute } #productRangePromoBoxLeftContent { left:115px; width:250px; position:relative; top:23px; } #productRangePromoBoxLeftButton { float:right; margin-top:5px; margin-right:7px; } #productRangePromoBoxRight { float:right; width:50%; height:120px; background:url(../imgs/Global/productRangePromoBoxRightBkg.gif) 0 0 no-repeat; } #productRangePromoBoxRightContent { left:125px; width:270px; position:relative; top:23px; } #productRangePromoBoxRightButton { float:right; margin-top:23px; margin-right:7px; } /* landingsboxes container */ .curvedContainer { margin-top:3px; } .curvedInner { background:#f1f9ef; padding-left:16px; } .curvedTop { background:url(../imgs/Global/curvedTop.gif) 0 0 no-repeat; width:790px; height:15px; } .curvedBottom { background:url(../imgs/Global/curvedBottom.gif) 0 0 no-repeat; width:790px; height:15px; } .landingBoxesContent { width:792px; background:url(../imgs/Global/landingBoxesSuccessfulQuitingRepeatBkg.gif) 0 0 no-repeat; padding-left:15px; padding-top:15px; } /* landingsBoxes */ #landingBoxes { } .landingBox{float:left; margin:0 15px 15px 0; position:relative;width:242px; height:169px;} .nicorette-methodes .landingBox, .methodes-nicorette .landingBox{width:373px; height:169px;} .nicorette-producten .landingBox, .produits-nicorette .landingBox, .nicorette-methodes .landingBox, .methodes-nicorette .landingBox {width:373px !important; height:169px;margin:0 15px 15px 0;background:url(../imgs/Global/landingBoxesHome.gif) 0 0 no-repeat; width:372px;} #landingBoxesInner { left:15px;position:relative;width:776px;width:776px; } #landingBoxesTop { width:792px; height:14px; background:url(../imgs/Global/landingBoxesTopBkg.gif) 0 0 no-repeat;font-size:11px } #landingBoxesContent { width:792px; background:url(../imgs/Global/landingBoxesRepeatBkg.gif) #f5fcf4 0 0 repeat-x; } #landingBoxesBottom { width:792px; height:14px;background:url(../imgs/Global/landingBoxesBottomBkg.gif) left bottom no-repeat; } .home .landingBox-1 {background:url(../imgs/Global/landingBoxesHome.gif) 0 0 no-repeat; width:372px;} .home .landingBox-2 {background:url(../imgs/Global/landingBoxesHome.gif) 0 0 no-repeat; width:372px;} .home .landingBox-3 {background:url(../imgs/Global/jumpSuccessfulQuiting.jpg) 0 0 no-repeat;} .home .landingBox-4 {background:url(../imgs/Global/jumpActiveStop03.jpg) 0 0 no-repeat;} .home .landingBox-5 {background:url(../imgs/Global/jumpActiveStop01.jpg) 0 0 no-repeat;} .home .landingBox-6 {background:url(../imgs/Global/jumpFreshFruit02.jpg) 0 0 no-repeat;} /* .nicorette-producten .landingBox-1, .produits-nicorette .landingBox-1 { background:url(../imgs/Global/landingBoxesOne.gif) 0 0 no-repeat; height:178px; } .nicorette-producten .landingBox-2, .produits-nicorette .landingBox-2 { background:url(../imgs/Global/landingBoxesTwo.gif) 0 0 no-repeat; height:178px; margin:0;} .nicorette-producten .landingBox-3, .produits-nicorette .landingBox-3 { background:url(../imgs/Global/landingBoxesThree.gif) 0 0 no-repeat; height:178px; } .nicorette-producten .landingBox-4, .produits-nicorette .landingBox-4 { background:url(../imgs/Global/landingBoxesFour.gif) 0 0 no-repeat; height:178px;margin:0; } */ .succesvol-stoppen .landingBox-1, .arreter-de-fumer .landingBox-1 {background:url(../imgs/Global/landingBoxesSuccessfulQuitingOne.jpg) 0 0 no-repeat; } .succesvol-stoppen .landingBox-2, .arreter-de-fumer .landingBox-2 {background:url(../imgs/Global/landingBoxesSuccessfulQuitingTwo.jpg) 0 0 no-repeat;} .succesvol-stoppen .landingBox-3, .arreter-de-fumer .landingBox-3 {background:url(../imgs/Global/landingBoxesSuccessfulQuitingThree.jpg) 0 0 no-repeat; } .succesvol-stoppen .landingBox-4, .arreter-de-fumer .landingBox-4 {background:url(../imgs/Global/landingBoxesSuccessfulQuitingFour.jpg) 0 0 no-repeat; } .succesvol-stoppen .landingBox-5, .arreter-de-fumer .landingBox-5 {background:url(../imgs/Global/landingBoxesSuccessfulQuitingFive.jpg) 0 0 no-repeat;} .succesvol-stoppen .landingBox-6, .arreter-de-fumer .landingBox-6 {background:url(../imgs/Global/landingBoxesSuccessfulQuitingSix.jpg) 0 0 no-repeat;} /* .nicorette-methodes .landingBox-1, .methodes-nicorette .landingBox-1 {background:url(../imgs/Global/landingBoxesMethodes-1.gif) 0 0 no-repeat; } .nicorette-methodes .landingBox-2, .methodes-nicorette .landingBox-2 {background:url(../imgs/Global/landingBoxesMethodes-2.gif) 0 0 no-repeat;} */ .landingBoxesTitle h2{ color:#ffffff; font-size:12px; font-weight:bold; margin-left:10px; margin-top:7px; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;} .home .landingBoxesTitle h2{margin:2px 10px; padding: 6px 0 0} .landingBoxesDescription { position:absolute; left:106px; font-size:11px; line-height:15px; top:50px; padding-right:20px } .home .landingBoxesDescription { top:53px; font-size:12px; left:90px; font-size:11px;line-height:14px;padding-right:10px;} .home .landingBox-1 .landingBoxesDescription, .home .landingBox-2 .landingBoxesDescription { left:106px; font-size:12px;line-height:15px;padding-right:20px } .ProductFoto, .home .CoachFoto, .methodeFoto {height:168px;} .home .box13 .ProductFoto, .landingBox-1 .ProductFoto {background:url(../imgs/Products/home-gum.gif) 0 35px no-repeat; } .home .box14 .ProductFoto, .landingBox-4 .ProductFoto {background:url(../imgs/Products/home-microtab.gif) 0 35px no-repeat; } .home .box15 .ProductFoto, .landingBox-3 .ProductFoto {background:url(../imgs/Products/home-inhalator.gif) 0 35px no-repeat; } .home .box16 .ProductFoto, .landingBox-2 .ProductFoto {background:url(../imgs/Products/home-patch.gif) 0 35px no-repeat; } .home .landingBox-2 .CoachFoto {background:url(../imgs/Global/Home-PromoBoxRightBkg.gif) 10px 50px no-repeat; } .home .landingBox-2 .methodeFoto {background:url(../imgs/Global/productRangePromoBoxLeftBkg.gif) 2px 40px no-repeat } .nicorette-methodes .landingBox-1 .ProductFoto, .methodes-nicorette .landingBox-1 .ProductFoto{background:url(../imgs/Global/landing-progress.gif) 0 35px no-repeat;} .nicorette-methodes .landingBox-2 .ProductFoto, .methodes-nicorette .landingBox-2 .ProductFoto{background:url(../imgs/Global/landing-direct.gif) 0 35px no-repeat;} .landingBoxesButton { position:absolute; left:105px; top:120px; font-size:11px} .home .landingBoxesButton {top:125px; font-size:11px; left:88px} .home .landingBox-1 .landingBoxesButton, .home .landingBox-2 .landingBoxesButton {left:105px; top:120px;} .nicorette-producten .landingBoxesButton, .produits-nicorette .landingBoxesButton {top:125px;} /* box links */ .landingBoxesButton a { display: block; padding:5px 20px 5px 25px; background:url(../imgs/Buttons/btn-bg.gif) -1px -1px no-repeat; } .nicorette-methodes .landingBoxesButton a, .methodes-nicorette .landingBoxesButton a { padding:5px 50px 5px 25px;} .nicorette-methodes .landingBox-1 a, .methodes-nicorette .landingBox-1 a{color:#4db8b4} .nicorette-methodes .landingBox-2 a, .methodes-nicorette .landingBox-2 a{color:#fbba2d; background-image:url(../imgs/Buttons/btn-yl.gif)} .nicorette-producten .landingBox-1 a, .produits-nicorette .landingBox-1 a {color:#299e2b; background-image:url(../imgs/Buttons/btn-gr.gif)} .nicorette-producten .landingBox-2 a, .produits-nicorette .landingBox-2 a {color:#f57f00; background-image:url(../imgs/Buttons/btn-or.gif)} .nicorette-producten .landingBox-3 a, .produits-nicorette .landingBox-3 a {color:#289268; background-image:url(../imgs/Buttons/btn-dgr.gif)} .nicorette-producten .landingBox-4 a, .produits-nicorette .landingBox-4 a {color:#fbba2d; background-image:url(../imgs/Buttons/btn-yl.gif)} .nicorette-producten .landingBox-5 a, .produits-nicorette .landingBox-5 a {color:#f57f00; background-image:url(../imgs/Buttons/btn-or.gif)} .nicorette-producten .landingBox-6 a, .produits-nicorette .landingBox-6 a {color:#289268; background-image:url(../imgs/Buttons/btn-dgr.gif)} .succesvol-stoppen .landingBox-1 a, .arreter-de-fumer .landingBox-1 a{color:#4db8b4} .succesvol-stoppen .landingBox-2 a, .arreter-de-fumer .landingBox-2 a{color:#fbba2d; background-image:url(../imgs/Buttons/btn-yl.gif)} .succesvol-stoppen .landingBox-3 a, .arreter-de-fumer .landingBox-3 a{color:#f57d00; background-image:url(../imgs/Buttons/btn-yl.gif)} .succesvol-stoppen .landingBox-4 a, .arreter-de-fumer .landingBox-4 a{color:#f57f00; background-image:url(../imgs/Buttons/btn-or.gif)} .succesvol-stoppen .landingBox-5 a, .arreter-de-fumer .landingBox-5 a{color:#299e2b; background-image:url(../imgs/Buttons/btn-gr.gif)} .succesvol-stoppen .landingBox-6 a, .arreter-de-fumer .landingBox-6 a{color:#289268; background-image:url(../imgs/Buttons/btn-dgr.gif)} .promo_btn {background: url(../imgs/Buttons/btn-gr.gif) 0 0 no-repeat;height:24px; left:134px; position:relative; top:40px;} .promo_btn a{font-size:14px; line-height:24px; margin-left:28px} #gameContainer { position:absolute; left:215px; margin-top:-5px; z-index:10000; } /* #jumpOne { } .jumpTitle { color:#ffffff; font-size:12px; font-weight:bold; margin-left:10px; margin-top:7px; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; } .jumpDescription { position:absolute; left:90px; font-size:11px; line-height:14px; top:50px; width:140px; } .jumpButton { position:absolute; left:90px; top:135px; z-index:10001; font-size: 11px;} .jumpTitle h2 { font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; font-size: 12px !important; font-weight:bold; margin:0 !important; line-height:14px; color:#ffffff; } */ #flashcontentText h1 { color:#FFFFFF; } #flashcontentText { position:absolute; top: 237px; left:60px; } #flashcontentText p { margin-top:10px; width:270px; color:#32a12f; font-size:120%; line-height:20px; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; } #flashcontentTextSuccessfulQuitting h1 { color:#FFFFFF; line-height:26px } .home #flashcontentTextSuccessfulQuitting h1 { color:#FFFFFF; line-height:26px; display: none } #flashcontentTextSuccessfulQuitting { position:absolute; top: 168px; left:55px; } .nicorette-methodes #flashcontentTextSuccessfulQuitting, .methodes-nicorette #flashcontentTextSuccessfulQuitting { position:absolute; top: 200px; left:55px; } #flashcontentTextSuccessfulQuitting p { padding-top:15px; width:270px; color:#308fc5; font-size:120%; line-height:20px; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; } .home #flashcontentTextSuccessfulQuitting p { width:360px; font-size:30px; /*height:150px; color:#308fc5; line-height:25px;margin-top:40px;*/ overflow: visible; height:200px; display: block; padding-bottom: 20px } .home #flashcontentTextSuccessfulQuitting p span { font-size:20px; } .home #flashcontentTextSuccessfulQuitting p span sup { display: inline ; line-height: 18px} .nicorette-methodes #flashcontentTextSuccessfulQuitting p, .methodes-nicorette #flashcontentTextSuccessfulQuitting p { width:310px; color:#376785} #flashcontentTextProductRange h1 { color:#15aadb; } #flashcontentTextProductRange { position:absolute; top: 190px; left:45px; } #flashcontentTextProductRange p { margin-top:10px; width:250px; color:#0b3d56; font-size:120%; line-height:20px; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; } /* ----- NEW APRIL REFRESH STYLES ----- */ #copyrightLong { color:#424242; } .highlightBlueLarge { color:#53a4d9; margin-top:15px; line-height:16px; } .highlightOrangeLarge { color:#ed631e; margin-top:15px; line-height:16px;} #register { position:absolute; top: 120px; left:651px; z-index:10000; } .activeStopHome { color:#268f44; font-size: 10px; line-height:16px;} .fruitGumHome { color:#d8230b; font-size: 10px; line-height:16px; } .smokeFreeHome { color:#40c7d8; font-size: 10px; line-height:16px; } .tab { float:left; } #welcomeTop { background:url(../imgs/Global/welcomeTopBkg.gif) 0 0 no-repeat; width:374px; height:7px; } #welcomeBottom { background:url(../imgs/Global/welcomeBottomBkg.gif) 0 0 no-repeat; width:374px; height:7px; } #loginTop { background:url(../imgs/Global/welcomeTopBkg.gif) 0 0 no-repeat; width:374px; height:7px; } #loginBottom { background:url(../imgs/Global/welcomeBottomBkg.gif) 0 0 no-repeat; width:374px; height:7px; } #welcome { background:#FFFFFF; width:374px; float:left; } #welcomeInner { padding-left:15px; padding-right:15px; height:180px; min-height:160px; } #login { background:#FFFFFF; width:374px; float:left; margin-left:10px; } #login a { color:#008650 !important; text-decoration:underline; } #loginInner { padding-left:15px; padding-right:15px; height:180px; min-height:160px; } #loginSettings { width:180px; margin-left:15px; float:left; } /* ----- GENERAL IDS ----- */ #content {} #container { position:relative; text-align:left; width:790px; margin:0 auto;} #containerInner { } #containerInnerPopup { margin:15px; text-align:left; } #noBackground { background:none; } #header { height:114px; } #flashMovieBorder {height:5px; background: #f5ea02; } #logo { float:right; margin-top:18px; margin-right:14px;} #logoPrint { display:none; } #rotator { margin-bottom:15px; } .pageHome { float:left; margin-top: 57px; margin-left:0; font-size:90%; } .pageHome a { color:#aaeda4 !important; } #columnOne { width:144px; float:left; margin-top:10px; } #columnOne p { font-size:90%; } #columnTwo { width:367px; margin-left:26px; float:left; margin-top:15px; } #columnTwoNoMargin { margin:0; width:320px; float:left; } #columnTwoNoMargin li { margin-left:20px; } #columnTwoNoMargin img { padding-top:15px; padding-bottom:15px; } #columnThree { width:194px; margin-left:16px; float:left; margin-top:24px; } #columnThree p { font-size:90%; margin-bottom:5px; } #columnThreeNew { width:224px; margin-left:26px; float:left; display:inline;} #columnThreeNoMargin { margin-left:0; margin-top:19px; float:right; } #columnWide { width:570px; float:left; margin-top:15px; margin-left:15px; } #columnLanding { width:792px; float:left; margin-top:15px; margin-left:15px; } .subFooter { clear:both; border-top:1px solid #e8e8e8; padding-top:25px; padding-bottom:15px; } #movieContainer { margin-bottom:15px; } #registerIntro { width:150px; margin-left:30px; padding-top:30px; } #budgetCalculatorImage { position:absolute; width:148px; height:161px; top:520px; margin-left:350px; } #budgetCalculatorText {margin-bottom:15px; width:302px; height:82px; } #faqIntroduction { width:535px; } .headAndBread { width:570px; float:left; padding-bottom:5px;} .headAndBread h1 { width:320px; float:left; border-bottom:0;} /* ----- QUICKSEARCH ----- */ #quickSearch { background:url(../imgs/Global/quickSearchBkg.gif) 0 0 no-repeat; width:522px; height:150px; margin-top:10px; margin-bottom:15px; position:relative; } #quickSearch input { position:absolute; top: 80px; left:50px; width:400px; font-size:180%; color:#666666; border:0; } #quickSearch { padding-left:17px; padding-top:5px; } #quickSearch p { padding-top:5px; } /* ----- BREADCRUMBS ----- */ #breadcrumbs { float:right; width:99%; border-bottom:1px solid #e5e5e5; font-size:90%; text-align:right; padding-bottom:3px;} #breadcrumbs ul { margin:0; padding:0; float:right; list-style:none; } #breadcrumbs li { float:left; } #breadcrumbs a { color:#797979; text-decoration:underline; } /* ----- MOVIES ----- */ .line { border-bottom:1px solid #cccccc; height:1px; line-height:1px; margin-top:15px; margin-bottom:15px; } #moviesColumnOne { float:left; width:350px; } #moviesColumnTwo { float:left; width:170px; margin-left:15px; border-left:1px solid #cccccc; } #moviesColumnTwoContent { margin-left:15px; } /* -- THE TRUTH ABOUT QUITTING -- */ h3.related {padding-bottom:3px; border-bottom:1px solid #e5e5e5;} .relatedlinks {list-style:none; margin:0; padding:0;} .relatedlinks li {background:transparent url(../imgs/Global/toptips.gif) no-repeat scroll 0 0; border-bottom:1px solid #E5E5E5; list-style-image:none; list-style-position:outside; list-style-type:none; margin:5px 0; padding:0 0 10px 30px;} .relatedlinks li a {color:#797979 !important;margin:0; padding:4px 0px 2px 0px;display:block} /*#findprod {background:url(../imgs/Global/toptipsFindBest.gif) 0 3px no-repeat;} #findGum {background:url(../imgs/Global/toptipsGum.gif) 0 3px no-repeat;} #ttDownload {background:url(../imgs/Global/toptipsDownload.gif) 0 3px no-repeat;} #joinas {background:url(../imgs/Global/toptipsJoinActiveStop.gif) 0 3px no-repeat;} */ /* ----- MOTIVATION TEST ----- */ #motivationTestIntro { width:510px; padding-top:15px; } .motivationTestBlock { background: #eef7e6 url(../imgs/Forms/whiteLineBkg.gif) 0 40px repeat-x; width:513px; margin-bottom:4px; } .motivationTestContent { margin-left:15px; margin-bottom:15px; margin-right:15px; } .motivationTestBottom {background:url(../imgs/Forms/motivationTestBottom.gif) left bottom no-repeat; width:513px; height:16px; line-height:16px; } .motivationTestTop { background: url(../imgs/Forms/motivationTestTop.gif) left top no-repeat; width:513px; height:16px; line-height:16px; } .question { color:#2e831c; font-weight:bold; margin-top:10px; } #motivationTest .floatLabel { width:100px; display:block; float:left; } #motivationTest .marginLabel { padding-left:15px;} #motivationTestSubmit { float:left; margin-top:15px; clear:both;} #motivationTest p { margin-bottom:4px; } .succesvol-stoppen .motivationTestContent h1 { font-size:20px;line-height: 20px;} .motivationTestContent a { text-decoration:underline !important; } /* ----- PRODUCTS ----- */ #products { clear:both; width:565px; } #products ul { margin:0; padding:0; list-style:none; } #products li { clear:both; border-bottom:1px solid #e8e8e8; padding-top:15px; padding-bottom:5px; } .productsColumnOne { float:left; width:100px; } .productsColumnTwo { float:left; width:323px; margin-left:60px; } .productsLink { background:url(../imgs/Navigation/secondaryLi.gif) 0 2px no-repeat; padding-left:20px; display:block; height:16px; line-height:16px; } /* ----- LISTS ----- */ /*.list ul { margin:0; padding:0; width:auto; }*/ #columnTwoNoMargin ul { margin:0 0 15px; padding:0; width:auto; } /* sitemap list */ .sitemap #columnWide ul {margin:0 0 0 15px; line-height:20px} /* ----- PRIMARY NAVIGATION----- */ .nl #primaryNavigation #tnav01 {background-image: url(../imgs/Navigation/but01-nl.gif); } .nl #primaryNavigation #tnav02 {background-image: url(../imgs/Navigation/but02-nl.gif); } .nl #primaryNavigation #tnav03 {background-image: url(../imgs/Navigation/but03-nl.gif); } .nl #primaryNavigation #tnav04 {background-image: url(../imgs/Navigation/but04-nl.gif); } .nl #primaryNavigation #tnav05 {background-image: url(../imgs/Navigation/but05-nl.gif); } .fr #primaryNavigation #tnav01 {background-image: url(../imgs/Navigation/but01-fr.gif); } .fr #primaryNavigation #tnav02 {background-image: url(../imgs/Navigation/but02-fr.gif); } .fr #primaryNavigation #tnav03 {background-image: url(../imgs/Navigation/but03-fr.gif); } .fr #primaryNavigation #tnav04 {background-image: url(../imgs/Navigation/but04-fr.gif); } .fr #primaryNavigation #tnav05 {background-image: url(../imgs/Navigation/but05-fr.gif); } #primaryNavigation {float:left; margin-top:26px;width: 500px;} #primaryNavigation span { display: none;} #primaryNavigation ul { margin:0; padding:0; list-style-type:none; width:auto; margin-left:10px; } #primaryNavigation li { float:left; display:block; width: 83px;height: 83px;margin:0 5px 0;} #primaryNavigation a {display:block;float:left;padding:0;text-indent: -9999px;width: 83px;height: 83px;overflow: hidden;background-repeat: no-repeat;background-position: 0 bottom;margin-right: 2px;} /* nav states*/ #primaryNavigation a:hover, .home #primaryNavigationOne a, .succesvol-stoppen #primaryNavigationTwo a, .arreter-de-fumer #primaryNavigationTwo a, .nicorette-producten #primaryNavigationThree a, .produits-nicorette #primaryNavigationThree a, .nicorette-methodes #primaryNavigationFour a, .methodes-nicorette #primaryNavigationFour a, .nicorette-stopcoach #primaryNavigationFive a, .nicorette-stopcoach-fr #primaryNavigationFive a {background-position: 0 top;} /* ----- SECONDARY NAVIGATION ----- */ #secondaryNavigation { width:203px; float:left; margin-top:15px; font-size:90%; line-height:1.6em;} #secondaryNavigationBottom { height:130px; background:url(../imgs/Navigation/secondaryNavigationBottom.gif) top left no-repeat; } #secondaryNavigationTop { background:url(../imgs/Navigation/secondaryNavigationTop.gif) top left no-repeat; width:203px; height:20px; } #secondaryNavigation ul { margin:0; background:#eff0ef; padding:0; list-style-type:none; width:auto; border-top: 1px solid #ffffff; } #secondaryNavigation ul li { display:block; cursor:pointer; border-bottom:1px solid #ffffff; width:203px; } #secondaryNavigation ul li a:hover, #secondaryNavigation ul li a.current { background: #ffffff url(../imgs/Navigation/secondaryLi.gif) 10px 6px no-repeat; display:block; color:#47a742;} #secondaryNavigation a { background:url(../imgs/Navigation/secondaryLi.gif) 10px 6px no-repeat; text-decoration:none; display:block; color:#8c8e8a; padding:4px 10px 2px 30px; } .secondaryNavigationItem { font-size: 11px !important; line-height:11px; } /* ----- LOGIN FORM ----- */ #loginForm { color:#999999; font-size:90%; } #loginForm p { margin-bottom:6px; } #loginForm .inputMedium { background:#f1f9ef; border:1px solid #c6c6c6; width:120px; } #loginFormTop { background:url(../imgs/Forms/loginFormTop.gif) top left no-repeat; width:195px; height:16px; } #loginFormBottom { background:url(../imgs/Forms/loginFormBottom.gif) bottom left no-repeat; width:195px; height:16px; } #loginSubmit { padding-bottom:15px; float:left; } /* ----- ENQUIRIES FORM ----- */ #enquiriesForm { width:364px; margin-bottom:15px; } #enquiriesForm { background: #ecf6df; } #enquiriesForm p{ overflow:hidden; margin-bottom:9px; } #enquiriesForm label { margin-left:15px; } #enquiriesForm label, #enquiriesFormBottom p, #loginForm a { color:#3aa72a; } #enquiriesFormTop { background:url(../imgs/Forms/enquiriesFormTop.gif) top left no-repeat; width:364px; height:16px; } #enquiriesFormBottom { background:url(../imgs/Forms/enquiriesFormBottom.gif) bottom left no-repeat; width:364px; height:16px; } #enquiriesForm label { float:left; width:120px; } #enquiriesSubmit { float:right; position:relative; left:55px; } #enquiriesForm .cosmos { font-size:1.1em; line-height:1.1em; } #enquiriesForm .fLong input {float:left; margin-left:15px !important; margin-left:7px} #enquiriesForm .fLong label {width:300px; } #enquiriesForm select {margin:15px;} /* ----- BUDGET CALCULATOR ----- */ #budgetCalculatorForm label { display: block; width:370px; line-height:15px; margin-bottom:10px; } #budgetCalculatorTop { background:url(../imgs/Forms/budgetCalculatorTop.gif) top left no-repeat; width:515px; height:16px; } #budgetCalculatorBottom { background:url(../imgs/Forms/budgetCalculatorBottom.gif) bottom left no-repeat; width:515px; height:16px; } #budgetCalculator { background: #e5f3fb url(../imgs/Forms/whiteLineBkg.gif) 0 40px repeat-x; width:515px; margin-top:35px; } #budgetCalculatorContent { margin-left:20px; margin-right:20px; } #budgetReCalculatorSubmit { margin-top:15px; } #budgetCalculatorForm p { padding-bottom:0; margin-bottom:20px; clear:left; } /* ----- collaspeDivS AND FACTS ----- */ .collaspeDivBlock h6 a, .collaspeDivBlock h6 a:hover {color:#6db85f; display:block; margin-top:0; margin-bottom:10px; } .collaspeDivBlock span { color:#6db85f; font-weight:bold;} .collaspeDiv { color:#6db85f; width:520px; font-weight:bold; background:url(../imgs/Global/collaspeDivClosed.gif) 5px 7px no-repeat; padding-left:25px; padding-top:5px; padding-bottom:10px; border-top:1px solid #f2f2f2; } .collaspeDiv a { color:#6db85f !important; } .stretcher { font-weight:normal; color:#797979; } .display { margin-bottom:5px; } /* ----- FOOTER ----- */ #footer { clear:both; font-size:90%; margin-top:15px; padding-top:15px; padding-bottom:30px; border-top: 1px solid #ebebeb; height:120px; } #footerInner { float:left; } #footerInner ul { margin:0; color:#999999; clear:both; padding:0; list-style:none; } #legalFooter { margin:0; color:#999999; clear:both; padding-top:0; list-style:none; } #footerInner li { float:left; margin-right:20px;padding-bottom:0; } #legalFooter a { color:#999999; } #legalFooter li { float:left; margin-left:0; margin-right:20px; padding-bottom:5px; } #copyright { clear:both; color:#999999; line-height:15px; padding-bottom:0; } #copyright strong { color:#2e831c; } /* ----- GLOBAL CLASSES ----- */ .clear { clear: both; } .hide { display: none; } .show { display: block; } .float_left { float: left !important; } .float_right { float: right !important; } .align_left { text-align: left !important; } .align_center { text-align: center !important; } .align_right { text-align: right !important; } .align_justify { text-align: justify !important; } .align_bottom { vertical-align: bottom !important; } .position_relative { position:relative; } .position_absolute { position:absolute; } .hand { cursor: pointer; } .alert { color:#de3e2f; font-weight:bold; } .highlightGreenLight { color:#3aa72a; } .highlightGreenDark { color:#208f25; } .highlightBlueDark { color:#008bd7; } .highlightBlueLight { color:#008bd7; } .highlightRedLight { color:#de3e2f; } .highlightRedDark { color:#de3e2f; } .highlightIceLight { color:#7394a5; } .highlightIceDark { color:#7394a5; } /* ----- ACTIVE STOP AREA ----- */ #activeStopHp { margin-top:20px; } #activeStopOptions { margin-left:70px; margin-top:15px; } #activeStopNavigation { float:left; margin-right:5px; width:68px; } #activeStopNavigation ul { clear:both; padding:0; list-style:none; } #activeStopNavigation li { height:68px; } html>body #activeStopNavigation li { margin-bottom:2px; } #movieOptions { margin-bottom:15px; } #broadband { float:left; } #narrowband { margin-left:2px; float:left; } /* ----- GLOBAL SPECIFIC WIDTHS ----- */ .width420 { width: 420px !important;} .width380 { width: 380px !important;} .width310 { width: 310px !important;} .width300 { width: 310px !important;} .width290 { width: 290px !important;} .width250 { width: 250px !important;} .width200 { width: 200px !important;} .width177 { width: 177px !important;} .width150 { width: 150px !important;} .width100 { width: 100px !important;} .width70 { width: 70px !important;} .width50 { width: 50px !important;} .width30 { width: 30px !important;} .width20 { width: 20px !important;} .width10 { width: 10px !important;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#4D4D4D; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; } h1 { font-size: 20px; line-height: 1.6em; font-weight:normal; color:#3aa72a; } h2 { font-size: 16px; line-height: 1.6em; font-weight:normal; color:#3aa72a; margin-bottom:13px; } h3 { font-size: 14px; line-height: 1.4em; font-weight:bold; margin-top:15px; margin-bottom:10px; color:#3aa72a; } h4 { font-size: 13px; line-height: 1.3em; font-weight:bold; margin-bottom:10px; color:#3AA72A; } h5 { font-size: 12px; line-height: 1em; font-weight:bold; padding-bottom:10px; color:#328828; } h6 { font-size: 11px; line-height: 1em; font-weight:normal; } .arreter-de-fumer h1{font-size:26px} .arreter-de-fumer #flashcontentTextSuccessfulQuitting p{margin-top:0; color:#fff; font-size:18px; width:300px} .arreter-de-fumer #flashcontentTextSuccessfulQuitting {top:220px} .succesvol-stoppen h1{font-size:26px} .succesvol-stoppen #flashcontentTextSuccessfulQuitting p{margin-top:0; color:#fff; font-size:18px; width:300px;padding-top:5px;} .succesvol-stoppen #flashcontentTextSuccessfulQuitting {top:220px} .e404 #flashcontentTextSuccessfulQuitting p{margin-top:0; color:#fff; font-size:18px; width:300px;padding-top:5px;} .red { color:#de3e2f; } .ice { color:#7394a5; } .orange { color:#ee631e; } .green { color:#49a72a; } .sources { color:#a5a4a4; } h1 em { color:#000000; } #columnWide a { color:#3aa72a; text-decoration:underline !important; } p { padding: 0; line-height:15px; margin-bottom:10px; margin-top:0; } em { font-style:normal; } /* ----- imgs ----- */ img{ display:block; border:0; } /* ----- LINKS ----- */ a, a:link { color:#3aa72a; text-decoration:none;} a:hover{ text-decoration:underline;} a:visited {} a:active {} /* ----- LISTS ----- */ ul, ol, dl, li, dt, dd { margin: 0; padding: 0; } table ol{ margin:0; padding: 0 1.5em;} /* ----- OTHER ----- */ address { font-style:normal;} sup { padding-left:3px; padding-right:3px; } /* ----- GLOBAL FORMS ----- */ form, fieldset { margin: 0; padding: 0; line-height:1.6em; border:none; } fieldset p { clear:both; margin-bottom:16px; } label { font-weight:normal; /*line-height:20px;*/ } #motivation label.input {display:block;float:left;width:60px;} .inputSmall { width:45px; } .inputMedium { width:155px; } .inputLarge { width:190px; } .inputLargeTextarea { width:190px; height:120px; } optgroup { font-style:normal; font-weight:normal; } #columnThree fieldset { border:none; padding:0 16px 0 16px; margin:0; } legend { padding: 0; color: #000; display:none; } input, textarea, select { margin: 0; padding: 1px; font-size: 100%; font-weight:normal; color:#4D4D4D; font-family:Arial, Helvetica, sans-serif; } select { padding: 0; } /* ----- SITEMAP ----- */ #sitemapright { float:right; } #sitemap { margin-top:20px;} #sitemap a { font-weight:normal; } #sitemap .title { font-weight:bold; border-bottom:1px #cccccc solid; width:300px; margin-top:15px; display:block; } #sitemap .titleSideMenu { font-weight:bold; border-bottom:1px #cccccc solid; width:300px; margin-top:15px; display:block; } #sitemap ul {margin:0 0 20px 0; padding:0;} #sitemap li { font-weight:bold; list-style-type:none; } #sitemap li ul { margin-top: 10px; } #sitemap li li { font-weight:normal; text-indent:20px; margin-bottom:5px;} #sitemap li li a { font-weight:normal; text-indent:20px; color:#797979; text-decoration:underline;} #sitemap li li li { text-indent:40px;} /* */ .schrijfinBut img {margin:0 auto} #legalwrapper {position: fixed; bottom:0;left:0;width:100%;padding-bottom:10px; padding-top:10px;background-color:#333;color:#FFFFFF;} #legalwrapper p {margin:5px;position:relative;text-align: center; padding:5px;width:98%; margin:0 auto;font-size:11px;} span.error { display:block;padding-left:135px;color:#FF0000;}