/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Pfizer - NICORETTE® ACTIVESTOP® Stylesheet
Author : info@redboxdigital.com / RedBox Digital
URL : www.nicorette.co.uk
Type: Screen, Projection
Description : Global stylesheet - NICORETTE® ACTIVESTOP® site
Version: 1.0
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/* ----- COMMON AND GLOBAL ----- */
body { font:70%/1.6 verdana, arial, helvetica, sans-serif; line-height:17px; margin:0; padding:0; color: #797979; background:url(../en-GB/Images/Global/bodyBkg.jpg) top center no-repeat; text-align:center; }
html { background:url(../en-GB/Images/Global/htmlBkg.gif) top center repeat-y; background-attachment:fixed; }
html, body { height: 100%; }
* { margin:0px; padding:0px; }
#shellTable #primaryNavigationOne {background-image: url(http://www.nicorette.co.uk/CommonNicorette/en-GB/Images/Navigation/productRangeOff.jpg) !important; }
#shellTable #primaryNavigationTwo {background-image: url(http://www.nicorette.co.uk/CommonNicorette/en-GB/Images/Navigation/activeStopOff.jpg) !important; }
#shellTable #primaryNavigationThree{background-image: url(http://www.nicorette.co.uk/CommonNicorette/en-GB/Images/Navigation/cutDownThenStopOff.jpg) !important; }
#shellTable #primaryNavigationFour{background-image: url(http://www.nicorette.co.uk/CommonNicorette/en-GB/Images/Navigation/successfullQuitingOff.jpg) !important; }
#shellTable #primaryNavigationFive {background-image: url(http://www.nicorette.co.uk/CommonNicorette/en-GB/Images/Navigation/smokeFreeOff.jpg) !important; }
.buttonsCoupons { width:513px; height:64px; background:url(../en-GB/Images/Global/buttonCouponsBkg.gif) 0px 0px no-repeat; }
.buttonsCouponsRight { padding-top:20px; float:right; padding-right:15px; }
#sticker { position:absolute; top:280px; right:0px; }
#stickerLanding { position:absolute; top:280px; right:0px; }
#stickerHome { position:absolute; top:300px; right:-15px; }
#successfulQuitingPromoBoxLeft { float:left; width:50%; height:120px; background:url(../en-GB/Images/Global/successfulQuitingPromoBoxLeftBkg.gif) 0px 0px no-repeat; }
#successfulQuitingPromoBoxLeftContent { left:115px; width:250px; position:relative; top:23px; }
#successfulQuitingPromoBoxLeftButton { float:right; margin-top:5px; }
#successfulQuitingPromoBoxRight { float:right; width:50%; height:120px; background:url(../en-GB/Images/Global/successfulQuitingPromoBoxRightBkg.gif) 0px 0px no-repeat; }
#successfulQuitingPromoBoxRightContent { left:125px; width:270px; position:relative; top:23px; }
#successfulQuitingPromoBoxRightButton { float:right; margin-top:0px; }
#productRangePromoBox { width:760px;}
#productRangePromoBoxLeft { float:left; width:50%; height:120px; background:url(../en-GB/Images/Global/productRangePromoBoxLeftBkg.gif) 0px 0px no-repeat; }
#productRangePromoBoxLeftContent { left:115px; width:250px; position:relative; top:23px; }
#productRangePromoBoxLeftButton { float:right; margin-top:5px; }
#productRangePromoBoxRight { float:right; width:50%; height:120px; background:url(../en-GB/Images/Global/productRangePromoBoxRightBkg.gif) 0px 0px no-repeat; }
#productRangePromoBoxRightContent { left:125px; width:270px; position:relative; top:23px; }
#productRangePromoBoxRightButton { float:right; margin-top:25px; }
#landingBoxesSuccessfulQuiting { }
#landingBoxesSuccessfulQuitingInner { padding-left:15px; padding-top:15px; }
#landingBoxesSuccessfulQuitingInnerTwo { padding-left:15px; padding-top:15px; }
#landingBoxesSuccessfulQuitingContent { width:792px; background:url(../en-GB/Images/Global/landingBoxesSuccessfulQuitingRepeatBkg.gif) 0px 0px no-repeat; }
#landingBoxesSuccessfulQuitingContentTwo { width:792px; background:url(../en-GB/Images/Global/landingBoxesSuccessfulQuitingRepeatBkg.gif) 0px 0px no-repeat; }
#landingBoxesSuccessfulQuitingOne { float:left; margin-bottom:15px; position:relative; background:url(../en-GB/Images/Global/landingBoxesSuccessfulQuitingOne.gif) 0px 0px no-repeat; width:242px; height:169px; }
#landingBoxesSuccessfulQuitingTwo { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../en-GB/Images/Global/landingBoxesSuccessfulQuitingTwo.gif) 0px 0px no-repeat; width:242px; height:169px; }
#landingBoxesSuccessfulQuitingThree { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../en-GB/Images/Global/landingBoxesSuccessfulQuitingThree.gif) 0px 0px no-repeat; width:242px; height:169px; }
#landingBoxesSuccessfulQuitingFour { float:left; margin-bottom:15px; position:relative; background:url(../en-GB/Images/Global/landingBoxesSuccessfulQuitingFour.gif) 0px 0px no-repeat; width:242px; height:169px; }
#landingBoxesSuccessfulQuitingFive { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../en-GB/Images/Global/landingBoxesSuccessfulQuitingFive.gif) 0px 0px no-repeat; width:242px; height:169px; }
#landingBoxesSuccessfulQuitingSix { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../en-GB/Images/Global/landingBoxesSuccessfulQuitingSix.gif) 0px 0px no-repeat; width:242px; height:169px; }
#landingBoxes { }
#landingBoxesInner { padding-left:15px; }
#landingBoxesTop { width:792px; height:14px; background:url(../en-GB/Images/Global/landingBoxesTopBkg.gif) 0px 0px no-repeat; }
#landingBoxesContent { width:792px; background:url(../en-GB/Images/Global/landingBoxesRepeatBkg.gif) #f5fcf4 0px 0px repeat-x; }
#landingBoxesBottom { width:792px; height:24px;background:url(../en-GB/Images/Global/landingBoxesBottomBkg.gif) 0px 0px no-repeat; }
#landingBoxesOne { float:left; margin-bottom:15px; position:relative; background:url(../en-GB/Images/Global/landingBoxesOne.gif) 0px 0px no-repeat; width:242px; height:169px; }
#landingBoxesTwo { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../en-GB/Images/Global/landingBoxesTwo.gif) 0px 0px no-repeat; width:242px; height:169px; }
#landingBoxesThree { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../en-GB/Images/Global/landingBoxesThree.gif) 0px 0px no-repeat; width:242px; height:169px; }
#landingBoxesFour { float:left; margin-bottom:15px; position:relative; background:url(../en-GB/Images/Global/landingBoxesFour.gif) 0px 0px no-repeat; width:242px; height:169px; }
#landingBoxesFive { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../en-GB/Images/Global/landingBoxesFive.gif) 0px 0px no-repeat; width:242px; height:169px; }
#landingBoxesSix { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../en-GB/Images/Global/landingBoxesSix.gif) 0px 0px no-repeat; width:242px; height:169px; }
.landingBoxesTitle { color:#ffffff; font-size:14px; margin-left:10px; margin-top:7px; font-weight:bold; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; }
.landingBoxesDescription { position:absolute; left:90px; font-size:10px; line-height:12px; top:50px; width:140px; }
.landingBoxesButton { position:absolute; left:90px; top:125px; }
#jumpOne { }
#jumpOne { float:left; margin-right:15px; margin-bottom:15px; position:relative; background:url(../en-GB/Images/Global/jumpActiveStop01.gif) 0px 0px no-repeat; width:242px; height:174px; }
#jumpTwo { float:left; margin-right:15px; margin-bottom:15px; position:relative; background:url(../en-GB/Images/Global/jumpActiveStop02.gif) 0px 0px no-repeat; width:242px; height:174px; }
#jumpThree { float:left; margin-right:15px; margin-bottom:15px; position:relative; background:url(../en-GB/Images/Global/jumpActiveStop03.gif) 0px 0px no-repeat; width:242px; height:174px; }
#jumpFour { float:left; margin-right:15px; margin-bottom:15px; position:relative; background:url(../en-GB/Images/Global/jumpFreshFruit01.gif) 0px 0px no-repeat; width:242px; height:174px; }
#jumpFive { float:left; margin-bottom:15px; position:relative; background:url(../en-GB/Images/Global/jumpSuccessfulQuiting.gif) 0px 0px no-repeat; width:242px; height:174px; }
.jumpTitle { color:#ffffff; font-size:14px; margin-left:10px; margin-top:7px; font-weight:bold; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; }
.jumpDescription { position:absolute; left:90px; font-size:10px; line-height:12px; top:50px; width:140px; }
.jumpButton { position:absolute; left:90px; top:130px; }
#jumpOne h1, #jumpTwo h1, #jumpThree h1, #jumpFour h2, #jumpFive h3 { font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; font-size: 14px !important; margin:0px !important; line-height:14px; font-weight:bold; color:#ffffff; }
/* ----- 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; }
.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; }
.curvedContainer { margin-top:3px; }
.curvedInner { background:#f1f9ef; padding-left:16px; }
.curvedTop { background:url(../en-GB/Images/Global/curvedTop.gif) 0px 0px no-repeat; width:790px; height:15px; }
.curvedBottom { background:url(../en-GB/Images/Global/curvedBottom.gif) 0px 0px no-repeat; width:790px; height:15px; }
#welcomeTop { background:url(../en-GB/Images/Global/welcomeTopBkg.gif) 0px 0px no-repeat; width:374px; height:7px; }
#welcomeBottom { background:url(../en-GB/Images/Global/welcomeBottomBkg.gif) 0px 0px no-repeat; width:374px; height:7px; }
#loginTop { background:url(../en-GB/Images/Global/welcomeTopBkg.gif) 0px 0px no-repeat; width:374px; height:7px; }
#loginBottom { background:url(../en-GB/Images/Global/welcomeBottomBkg.gif) 0px 0px 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; }
.enquiresSelectLevelOne { background:#5aad53; color:#ffffff;}
.enquiresSelectLevelTwo { background:#74c072; color:#ffffff;}
.enquiresSelectLevelThree {background:#ecf6df; }
.enquiresSelectLevelFour { background:#cccccc; color:#4d4d4d;}
.enquiresSelectLevelFive { }
/* ----- GENERAL IDS ----- */
#container { position:relative; text-align:left; width:790px; margin:0px 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:0px; 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:0px; 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:0px; 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(../en-GB/Images/Global/quickSearchBkg.gif) 0px 0px 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:0px; }
#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:0px; padding:0px; 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 {list-style:none; border-bottom:1px solid #e5e5e5; margin:0 0 10px 0; padding:0 0 10px 30px; min-height:25px; _height:25px;}
.relatedlinks li a {color:#797979 !important;}
#findprod {background:url(../en-GB/images/Global/toptipsFindBest.gif) 0 3px no-repeat;}
#findGum {background:url(../en-GB/images/Global/toptipsGum.gif) 0 3px no-repeat;}
#ttDownload {background:url(../en-GB/images/Global/toptipsDownload.gif) 0 3px no-repeat;}
#joinas {background:url(../en-GB/images/Global/toptipsJoinActiveStop.gif) 0 3px no-repeat;}
/* ----- MOTIVATION TEST ----- */
#motivationTestIntro { width:510px; padding-top:15px; }
.motivationTestBlock { background: #eef7e6 url(../en-GB/Images/Forms/whiteLineBkg.gif) 0px 40px repeat-x; width:513px; margin-bottom:4px; }
.motivationTestContent { margin-left:25px; margin-bottom:15px; margin-right:15px; }
.motivationTestBottom {background:url(../en-GB/Images/Forms/motivationTestBottom.gif) left bottom no-repeat; width:513px; height:16px; line-height:16px; }
.motivationTestTop { background: url(../en-GB/Images/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; }
.motivationTestContent a { text-decoration:underline !important; }
/* ----- PRODUCTS ----- */
#products { clear:both; width:565px; }
#products ul { margin:0px; padding:0px; 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(../en-GB/Images/Navigation/secondaryLi.gif) 0px 2px no-repeat; padding-left:20px; display:block; height:16px; line-height:16px; }
/* ----- LISTS ----- */
.list ul { margin:0px; padding:0px; width:auto; }
/* ----- PRIMARY NAVIGATION----- */
#primaryNavigation { float:left; margin-top:26px; }
#primaryNavigation span { display: none;}
#primaryNavigation ul { margin:0px; padding:0px; list-style-type:none; width:auto; margin-left:10px; }
#primaryNavigation li { float:left; display:block; }
#primaryNavigation a { display:block; float:left; padding:0px; text-indent: -9999px; width: 85px; height: 83px; overflow: hidden; background-repeat: no-repeat; margin-right: 2px;}
#primaryNavigation a:hover, #primaryNavigation .current {background-position: 0 -83px;}
/* ----- SECONDARY NAVIGATION ----- */
#secondaryNavigation { width:203px; float:left; margin-top:15px; font-size:90%; }
#secondaryNavigationBottom { height:130px; background:url(../en-GB/Images/Navigation/secondaryNavigationBottom.gif) top left no-repeat; }
#secondaryNavigationTop { background:url(../en-GB/Images/Navigation/secondaryNavigationTop.gif) top left no-repeat; width:203px; height:20px; }
#secondaryNavigation ul { margin:0px; background:#eff0ef; padding:0px; 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(../en-GB/Images/Navigation/secondaryLi.gif) 10px 6px no-repeat; display:block; color:#47a742;}
#secondaryNavigation a { background:url(../en-GB/Images/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; }
#loginForm label { }
#loginFormTop { background:url(../en-GB/Images/Forms/loginFormTop.gif) top left no-repeat; width:195px; height:16px; }
#loginFormBottom { background:url(../en-GB/Images/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 label { margin-left:15px; }
#enquiriesForm label, #enquiriesFormBottom p, #loginForm a { color:#3aa72a; }
#enquiriesFormTop { background:url(../en-GB/Images/Forms/enquiriesFormTop.gif) top left no-repeat; width:364px; height:16px; }
#enquiriesFormBottom { background:url(../en-GB/Images/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; }
/* ----- BUDGET CALCULATOR ----- */
#budgetCalculatorForm label { display: block; width:370px; line-height:15px; margin-bottom:10px; }
#budgetCalculatorTop { background:url(../en-GB/Images/Forms/budgetCalculatorTop.gif) top left no-repeat; width:515px; height:16px; }
#budgetCalculatorBottom { background:url(../en-GB/Images/Forms/budgetCalculatorBottom.gif) bottom left no-repeat; width:515px; height:16px; }
#budgetCalculator { background: #e5f3fb url(../en-GB/Images/Forms/whiteLineBkg.gif) 0px 40px repeat-x; width:515px; margin-top:35px; }
#budgetCalculatorContent { margin-left:20px; margin-right:20px; }
#budgetReCalculatorSubmit { margin-top:15px; }
#budgetCalculatorForm p { padding-bottom:0px; margin-bottom:20px; clear:left; }
/* ----- collaspeDivS AND FACTS ----- */
.collaspeDivBlock h6 a, .collaspeDivBlock h6 a:hover {color:#6db85f; display:block; margin-top:0px; margin-bottom:10px; }
.collaspeDivBlock span { color:#6db85f; font-weight:bold;}
.collaspeDiv { color:#6db85f; width:520px; font-weight:bold; background:url(../en-GB/Images/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; border-top: 1px solid #ebebeb; height:120px; }
/*#pfizerLogo { float:left; margin-right:20px; width:68px; }*/
#footerInner { float:left; /* padding-left:20px; border-left: 1px solid #e8e8e8; */ }
#footerInner ul { margin:0px; color:#999999; clear:both; padding:0px; list-style:none; }
#legalFooter { margin:0px; margin-top: -5px; color:#999999; clear:both; padding-top:0px; list-style:none; }
#footerInner li { float:left; margin-right:20px;padding-bottom:0px; }
#legalFooter a { color:#999999; }
#legalFooter li { float:left; margin-left:0px; margin-right:3px; padding-bottom:5px; }
#copyright { clear:both; color:#bfbebe; line-height:15px; padding-bottom:0px; }
#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:0px; 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:normal; margin-top:15px; margin-bottom:10px; color:#3aa72a; }
h4 { font-size: 13px; line-height: 1em; font-weight:normal; margin-bottom:10px; color:#328828; }
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; }
.motivationTestBlock h1 { border-bottom:none !important; padding-bottom:7px; color:#6dac5f !important; }
.red { color:#de3e2f; }
.ice { color:#7394a5; }
.orange { color:#ee631e; }
.green { color:#3ba83f; }
.sources { color:#a5a4a4; }
h1 em { color:#000000; }
#columnWide a { color:#3aa72a; text-decoration:underline !important; }
p { padding: 0px; line-height:15px; margin-bottom:10px; margin-top:0px; }
p strong { color:#3aa72a; }
em { font-style:normal; }
/* ----- IMAGES ----- */
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: 0px; 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: 0px; padding: 0px; line-height:1.6em; border:none; }
fieldset p { clear:both; margin-bottom:16px; }
label { font-weight:normal; /*line-height:20px;*/ }
.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:0px 16px 0px 16px; margin:0px; }
legend { padding: 0px; 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: 0px; }
/* ----- 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;}
/* ------------------------- STYLES FROM ACTIVESTOP ---------------------------------------------------------------------- */
/* ------------------------- ---------------------------------------------------------------------- */
/* ------------------------- ---------------------------------------------------------------------- */
/* ------------------------- ---------------------------------------------------------------------- */
#quitDateValue { background-image: url(../en-GB/Images/Global/quitDateSmallBkg.gif); background-position: 0px 0px; background-repeat: no-repeat; height:28px; color:#ffffff; font-weight:bold; line-height:18px; padding-top:5px; padding-left:15px; }
/* ----- AJAX LOADER ----- */
#ajaxLoaderContainer { position:relative; }
#ajaxLoader { z-index:1000; float:left; position: absolute; left: 80px; top: 20px; background-position: left top; background-repeat: no-repeat; width:350px; height:135px; }
#ajaxLoaderImage { position:relative; top: 30px; left:15px; display:none; }
html>body #ajaxLoaderImage { left:80px; }
#ajaxLoaderText{ position:relative; top: 80px; left:85px; }
/* ----- BACKGROUNDS REPEAT ----- */
#contentInner { padding-left:15px; width:550px; padding-right:20px; padding-bottom:15px; background-position: left bottom; background-repeat: no-repeat; }
/* ----- HABIT TRACKER ----- */
dt { color:#008680; }
dd div span {color:#008680 !important; }
/* ----- CHECKLIST BACKGROUND IMAGES AND COLOURS ----- */
#checklist a { color:#328828; }
/* ----- REPEAING 2PX LINE AT TOP OF HEADER ----- */
#line { border-top:2px solid #3bb4ff; }
/* ----- SMART FORM STYLING - COLOURS ----- */
.smartform fieldset li { font-weight:normal; }
/* requigreen and unrequigreen options */
.unRequired { color:#808080 !important; }
.required { color:#328828 !important; }
.error { color:#d11504 !important; width:50px !important; padding-left:20px; line-height:1.8em; background-repeat:no-repeat; font-weight:900; background-position: 0px 0px; }
/* ----- FORM IMAGES AND COLOURS ----- */
.roundedDiv { background: #edf6e4 !important;}
.roundedDiv .header { background-position: left top !important; background-repeat: no-repeat !important; }
.roundedDiv .footer { background-position: left bottom !important; background-repeat: no-repeat !important; }
/* ----- TABLE STYLING ----- */
#rightCol .number { color:#277D1F; }
#rightCol .tfoot { background:#edf6e4; }
/* ----- TABLE STYLING ----- */
#rightCol .number { color:#008680; }
#rightCol .tfoot { background:#ebf6f5; }
#rightCol .sleepAndWake td { color:#008680; }
/* ----- TRACKING ----- */
#tracking { background-position: 0px 0px; background-repeat: no-repeat; float:left; margin-top:10px; margin-bottom:10px; padding:0px; width:493px; height: 48px; }
#ctl00_ContentPlaceHolderMain_ctl01_UpdatePanelResetPassword #tracking { background-position: 0px 20px; }
html>body #tracking { padding-bottom:20px; }
#tracking ul { list-style:none; margin-left:20px; padding:0px; }
#tracking li { list-style:none; float:left; margin-right:30px !important; margin-top:15px; padding:0px; }
/* Active state used on li tag */
#tracking .active {margin-top: -25px !important; }
/* Fix clearing bug */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* ----- GLOBAL BOX STYLES ----- */
/* generic padding */
.content{ padding:10px 20px; margin-top:0px; }
/* Main box */
.roundedDivOuterPadding { padding:0px 10px 0px 10px; }
.roundedDivOuter p { color:#808080; }
.roundedDivOuter { background-position: left bottom; background-repeat: repeat-y; width: 492px; color: #808080;}
.roundedDivOuter .roundedDivOuterheader { background-repeat: repeat-x;}
.roundedDivOuter .roundedDivOuterheader ul { background-position: -15px -15px; background-repeat: no-repeat; height: 15px; list-style: none; margin: 0;}
.roundedDivOuter .roundedDivOuterheader ul li { float: right; background-position: 0px -15px; background-repeat: no-repeat; width: 15px; line-height: 15px;}
.roundedDivOuter .roundedDivOuterfooter ul { background-position: -15px 0px; background-repeat: no-repeat; height: 15px; list-style: none; margin: 0;}
.roundedDivOuter .roundedDivOuterfooter ul li { float: right; background-position: 0px 0px; background-repeat: no-repeat; width: 15px; line-height: 15px;}
/* standard rounded box */
.roundedDiv { width: 472px; background: #eef7e6; margin-bottom:10px;}
.roundedDiv .header { background-position: left top; background-repeat: no-repeat; width:472px; height: 5px; line-height:5px; }
.roundedDiv .footer { background-position: left bottom; background-repeat: no-repeat; width:472px; height: 5px; line-height:5px; }
/* Mandatory form styles */
.required label, .required, .unRequired { font-weight:900; }
label .unRequired, .unRequired label , p.unRequired { color:#808080 !important; font-weight:900; }
.smartMargin { margin-left:80px; }
.smartMarginCheckbox { margin-left:140px; display:block; margin-bottom:15px; }
.smartMarginCheckbox input { margin-left:-20px; margin-top:3px; }
.horizontalRadio label { margin-right:35px; position:relative; top:-5px; }
.horizontalRadio { position:relative; top: 0px; }
table span { margin-left:0px !important; }
html>body fieldset.smartform input { margin-right:5px; vertical-align:top; }
fieldset.smartform .label { width:110px; line-height:1.6em; display:block; text-align:right; padding-right:10px; float:left; }
html>body fieldset.smartform .label { line-height:1.8em;}
fieldset.smartform legend { display:none; }
fieldset.smartform ol { margin: 0; padding: 0; }
fieldset.smartform li { list-style: none; clear:left; padding: 0px; margin: 0; }
fieldset.smartform ol ol { margin: 0; padding: 0; }
fieldset.smartform li li { list-style: none; float:left; padding: 0px; margin: 0; }
fieldset.smartform fieldset { border: none; margin: 0px 0 0; }
fieldset.smartform fieldset legend { padding: 0 0 5px; font-weight: normal; }
fieldset.smartform fieldset label { display: block; text-align:right; width: auto; }
fieldset.smartform label { width: 120px; } /* Width of labels */
fieldset.smartform fieldset label { margin-left: 123px; margin-bottom:5px; } /* Width plus 3 (html space) */
fieldset.smartform {font-size: 1em; }
fieldset.smartform legend { padding-left: 0; }
fieldset.smartform em { font-style:normal; }
fieldset.smartform { border: none; }
fieldset.smartform fieldset { background: none; }
fieldset.smartform p { padding: 5px 0px 5px; margin:0px; clear:left; font-size:95%; }
.sr { position: absolute; left: -9999em; top: 0; width: 1px; height: 1px; overflow: hidden; }
#productSelectorBottom { height:40px; background-repeat:no-repeat; background-position:left top; }
#productSelectorBottom td {font-size: 70%;}
/* ----- Batch Number LOCATION ----- */
#bathNumberLocation { margin-left:123px; margin-top:15px; }
html>body #bathNumberLocation { margin-left:120px; }
#bathNumberLocation img { float:left; margin-right:5px; }
/* ----- GLOBAL BUTTONS ----- */
.buttons { margin-top:5px; margin-bottom:15px; position:relative;}
.buttons span { display:none; }
.buttons ul { list-style:none; margin:0px; padding:0px; }
.buttons li { list-style:none; padding:0px; }
.buttons .secondaryLink a, .buttons .primaryLink a, .buttons .tertiaryLink a { display:block; cursor:pointer; }
.primaryLink { position:absolute; right:0px; top: 15px; }
.secondaryLink { position:absolute; left:0px; top:15px; }
.tertiaryLink { position:absolute; left:210px; top:15px; }
/* only recognised by Mozilla based browsers */
html>body .buttons { margin-top:15px; margin-bottom:15px;}
html>body .buttons .primaryLink { top: -10px; }
html>body .buttons .secondaryLink { top: 0px; }
html>body .buttons .tertiaryLink { top: 0px; }
.whyMessage { left:120px; width:300px; position:relative; color:#2E831C; font-size:90%;}
.whyMessage a { text-decoration:underline; color:#2E831C; }
#noticeMessage { }
/* The hint to Hide and Show */
#whyEmail, #whyMobile { right: 540px; position:absolute; width: 217px; height:275px; margin-top: -80px; padding: 10px;line-height:12px; color:#ffffff !important; background: url(../en-GB/Images/Global/pointer.gif) no-repeat; }
#whyEmailInner, #whyMobileInner { padding-right:30px; width:190px; }
.marginTop5px { margin-top:5px; }
#quitDateOne { margin-left:120px; }
#quitDateOne div { background:url(../en-GB/Images/Global/quitDateSmallBkg.gif) 0px 0px no-repeat; height:28px; color:#ffffff; font-weight:bold; line-height:18px; padding-top:5px; padding-left:15px; }
#noticeDivInner { padding:25px; margin-top:60px; }
#noticeDiv span { color:#b7e0c0; }
#quitDate { height:28px; background:url(../en-GB/Images/Global/quitDateBkg.gif) 0px 0px no-repeat; color:#ffffff; font-weight:bold; line-height:18px; padding-top:10px; padding-left:15px; font-size:120%; }
#quitDateMonday { margin-left:120px; }
#quitDateMondayInner { background:url(../en-GB/Images/Global/quitDateSmallBkg.gif) 0px 0px no-repeat; height:28px; color:#ffffff; font-weight:bold; line-height:18px; padding-top:10px; padding-left:15px; }
.prizeBorder { border-top:1px solid #efefef; height:1px; }
.prize {clear: left; display: block; padding-bottom:15px;}
.prizeMinor {float:left; width: 270px;}
#prizeImage1 {background-image: url(../Images/Competition/prizeGym.jpg); background-repeat: no-repeat; width: 153px; height: 117px; float: left;}
#prizeImage2 {background-image: url(../Images/Competition/prizeVirgin.jpg); background-repeat: no-repeat; width: 153px; height: 117px; float: left;}
#prizeImage3 {background-image: url(../Images/Competition/prizeHotAirBaloon.jpg); background-repeat: no-repeat; width: 153px; height: 117px; float: left;}
#prizeImage4 {background-image: url(../Images/Competition/prizeFerrari.jpg); background-repeat: no-repeat; width: 260px; height: 127px; float: left;}
#prizeImage5 {background-image: url(../Images/Competition/prizeSpa.jpg); background-repeat: no-repeat; width: 260px; height: 127px; float: left;}
#prizeImage6 {background-image: url(../Images/Competition/prizeiPod.jpg); background-repeat: no-repeat; width: 260px; height: 127px; float: left;}
#prizeImage7 {background-image: url(../Images/Competition/prizeNintendo.jpg); background-repeat: no-repeat; width: 260px; height: 127px; float: left;}
#prizeHeading1 {background-image: url(../Images/Competition/prizeHeading1.gif); background-repeat: no-repeat; width: 478px; height: 25px; margin-bottom: 19px; margin-top: 30px;}
#prizeHeading2 {background-image: url(../Images/Competition/prizeHeading2.gif); background-repeat: no-repeat; width: 478px; height: 25px; margin-bottom: 19px; margin-top: 30px;}
#prizeHeading3 {background-image: url(../Images/Competition/prizeHeading3.gif); background-repeat: no-repeat; width: 478px; height: 25px; margin-bottom: 19px; margin-top: 30px;}
#prizeHeading4 {background-image: url(../Images/Competition/prizeHeading4.gif); background-repeat: no-repeat; width: 182px; height: 25px; margin-bottom: 19px; margin-top: 30px;}
#prizeHeading5 {background-image: url(../Images/Competition/prizeHeading5.gif); background-repeat: no-repeat; width: 206px; height: 25px; margin-bottom: 19px; margin-top: 30px;}
#prizeHeading6 {background-image: url(../Images/Competition/prizeHeading6.gif); background-repeat: no-repeat; width: 218px; height: 25px; margin-bottom: 19px; margin-top: 30px;}
#prizeHeading7 {background-image: url(../Images/Competition/prizeHeading7.gif); background-repeat: no-repeat; width: 198px; height: 25px; margin-bottom: 19px; margin-top: 30px;}
.prize .prizeDescription {float: left; margin-left: 28px; margin-top: 5px; width: 340px;}
.prizeMinor p {display: block; margin-left: 10px; margin-right: 50px;}
/* -- Body copy extra styles -- */
ol.nicBody,ul.nicBody {margin:1em;}
ol.nicBody li, ul.nicBody li {margin:1em;}