/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : www.nicorette-international.com Stylesheet Author : info@redboxdigital.com / RedBox Digital URL : www.nicorette-international.com Type: Screen, Projection Description : Global stylesheet - NICORETTE ACTIVESTOP site Version: 2.0 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ----- COMMON AND GLOBAL ----- */ body { font:11px verdana, arial, helvetica, sans-serif; line-height:17px; margin:0; padding:0; color: #797979; background:url(../Images/Global/bannerNicorette.jpg) top center no-repeat;} html { background:url(../Images/Global/htmlBkg.gif) top center repeat-y; background-attachment:fixed; } #home { position:absolute; left:645px; z-index:5;} #copyrightLong { color:#424242; } /* ----- PRIMARY NAVIGATION----- */ #primaryNavigation { float:left; background-image: url(../Images/Global/bannerNicorette.jpg);} #primaryNavigation ul { float:left; list-style-type:none; padding:23px 0px 0px 3px; margin:0px;} #primaryNavigation li { float:left; display:block; list-style-type:none; padding:0px 0px 0px 10px; margin:0px;} #logoLink { float:right; padding:0px; margin:0px;} /* ----- GENERAL IDS ----- */ #container { text-align:left; width:790px; margin:0px auto; position:relative;} #columnOne { width:220px; float:left; margin-top:10px; } #containerContent {width:570px; float:left; margin-top:10px;} #columnTwo { width:358px; margin-left:6px; float:left;} #columnTwo ul { margin-left:25px;} #columnTwo ul li { margin-bottom:5px; } #columnTwo ol { margin-left:25px; } #columnTwo ol li { margin-bottom:5px; } #columnThree { width:190px; margin-left:6px; margin-top: 40px; float:right;} #flash { margin:0px; padding:0px;} #globalMap { background:url(../Images/Global/globalMapBkg.jpg) 0px 0px no-repeat; height:391px; width:790px; } .line { border-bottom:1px dotted #cccccc; height:1px; line-height:1px; margin-top:15px; margin-bottom:15px; } /* ----- BREADCRUMBS -----*/ #breadcrumbs { float:right; width:99%; border-bottom:1px solid #e5e5e5; text-align:right; padding-bottom:3px;} #breadcrumbs ul { margin:0px; padding:0px;} #breadcrumbs li { display:inline;} #breadcrumbs a { color:#3aa72a; text-decoration:underline; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNavigation { width:203px; float:left; margin-top:15px; } #secondaryNavigationBottom { height:130px; background:url(../Images/Navigation/secondaryNavigationBottom.gif) top left no-repeat; } #secondaryNavigationTop { background:url(../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; margin:0px; padding:0px;} #secondaryNavigation ul li a:hover, #secondaryNavigation ul li a.current { background: #ffffff url(../Images/Navigation/secondaryLi.gif) 10px 6px no-repeat; display:block; color:#47a742;} #secondaryNavigation a { background:url(../Images/Navigation/secondaryLi.gif) 10px 6px no-repeat; text-decoration:none; display:block; color:#8c8e8a; padding:4px 10px 2px 30px; } /* ----- THIRD COLUMN ----- */ #productTabcontainer { width:186px; background:url(../Images/right-tab/leftTabbg2.jpg) top left repeat-y; margin-top: 23px;} #productTabTop { width:186px; height:19px; background:url(../Images/right-tab/leftTabTop.jpg) top left no-repeat; border:none;} #productTabLeft { width:17px; background:url(../Images/right-tab/leftTabL.jpg) top left repeat-y; border:none; float:left;} #productTabRight { width:17px; background:url(../Images/right-tab/leftTabR.jpg) top right repeat-y; border:none; float:left;} #productTabBg { width:152px; border:none; float:left;} #productTabBottom { width:186px; height:17px; background:url(../Images/right-tab/leftTabBottom.jpg) top left no-repeat; border:none; clear:both;} /* ----- FOOTER ----- */ #footer { clear:both; margin-top:10px; padding-top:10px; border-top: 1px solid #ebebeb; } #footer a {text-decoration:none;} #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; color:#999999; clear:both; padding-top:0px; list-style:none; } #footerInner li { float:left; margin:0px 20px 0px 0px;padding-bottom:0px; } #legalFooter a { color:#999999; } #legalFooter li { float:left; margin-left:0px; margin-right:3px; padding-bottom:5px; } #footerLeft { float:left; width:48%; padding-top:15px;} #footerRight { float:right; width:48%; padding-top:15px; } #copyright { clear:both; color:#999999; 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; } .pageTemplate { float:left; width:200px; margin-top:10px; margin-left:30px; } .nomargintop {margin-top:0px;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; } h1 { font-size: 17px; line-height: 1.6em; font-weight:normal; color:#3aa72a; margin-bottom:25px; margin-top:10px; } h1 span { color:#000000; } h2 { font-size: 14px; line-height: 1.4em; font-weight:normal; color:#3aa72a; margin-bottom:30px;} h3 { font-size: 13px; line-height: 1.4em; font-weight:normal; margin-bottom:13px; color:#3aa72a; } h4 { font-size: 12px; line-height: 1em; font-weight:normal; margin-bottom:3px; color:#328828; } h5 { font-size: 12px; line-height: 1em; font-weight:bold; padding-bottom:5px; color:#328828; } h6 { font-size: 12px; font-weight: normal; color:#000000; } h6 span { color:#3aa72a; } p {padding-bottom:7px; margin-bottom:10px; font-size:11px;} p span { color:#3aa72a; } em { font-style:normal; } /* ----- IMAGES ----- */ img{ display:block; border:0; } /* ----- LINKS ----- */ a, a:link { color:#3aa72a; text-decoration:underline;} a:hover{ color:#328828; text-decoration:underline;} /* ----- LISTS ----- */ ul, ol, dl, li, dt { margin: 0px 0px 13px 0px; padding: 0; } table ol{ margin:0; padding: 0 1.5em;} /* ----- OTHER ----- */ address { font-style:normal;} sup { padding-left:3px; padding-right:3px; } /* ----- GLOBAL MAP -----*/ #globalMap { position:relative; top: 0px;} #globalMapNav { position:relative; top: 40px; width:170px; left:40px; } #globalMapText { padding-bottom:12px; } #globalMapNav h1 { line-height:18px; } .dropdown {display:block; position:relative; top: 50px; left:30px;} .dropdown dt {width:160px; padding:2px 10px 2px 10px; cursor:pointer; margin-top:-12px; } .dropdown .upperdd { border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5;} .dropdown .lowerdd { border-bottom:1px solid #d5d5d5; border-top:none;} .dropdown dt:hover { background:#f8fdf7 url(../Images/Global/dtBkgHover.gif) 155px 7px no-repeat; } .dropdown .ddcontent { } .dropdown dd {position:absolute; top:0; height:403px; margin-left:-25px; margin-top:-136px; overflow:hidden; width:577px; display:none; opacity:0;} .dropdown ul {width:auto; height:403px; list-style:none; } .dropdown li {display:inline; } .dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:6px 3px 3px 3px; color:#666666 !important; text-decoration:none; } .dropdown .leftEnd { float:left; margin-left:30px; width:22px; height:207px; background:url(../Images/Global/globalMapleftEdge.png) 0px -0px no-repeat; } .dropdown .rightEnd { float:left; width:30px; height:207px; background:url(../Images/Global/globalMaprightEdge.png) 0px 0px no-repeat; } .dropdown .padder { float:left; width:23px; height:207px; background:url(../Images/Global/globalMapPadder.png) 0px 0px repeat-x; } .dropdown .colOne { float:left; padding-top:7px; width:160px; background:url(../Images/Global/globalMapBg.png) 0px 0px repeat-x; } .dropdown .colOneThin { float:left; padding-top:7px; width:145px; background:url(../Images/Global/globalMapBg.png) 0px 0px repeat-x; } #mapDisclaimer {position:relative; top: 30px; width:170px; left:40px;} /* ----- 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:0px; 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;} /* ----- LANDING HOME PAGE -----*/ /*#flashcontentTextHome h1 { color:#FFFFFF;} version 1 #flashcontentTextHome { position:absolute; top: 192px; left:55px; } #flashcontentTextHome p span { margin-top:0px; width:260px; color:#3aa72a; font-size:130%; line-height: 24px; } #flashcontentTextHome p { margin-top:0px; width:260px; color:#797979; line-height:14px; }*/ #flashcontentTextHome h1 { color:#FFFFFF;} #flashcontentTextHome { position:absolute; top: 192px; left:45px; } #flashcontentTextHome p span { padding-top:5px; width:320px; color:#3aa72a; font-size:130%; line-height: 24px; } #flashcontentTextHome p { padding-top:5px; width:320px; color:#797979; line-height:24px; } #landingBoxes { } #landingBoxesInner { width:776px; background:url(../Images/Global/landingBoxesRepeatBkgHome.gif) 0px 0px no-repeat; padding-left:15px; padding-top:15px; } #landingBoxesContent { width:776px; } #landingBoxesOne { float:left; margin-bottom:15px; position:relative; background:url(../Images/Global/landingBoxesHomeOne.gif) 0px 0px no-repeat; width:242px; height:176px; } #landingBoxesTwo { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../Images/Global/landingBoxesHomeTwo.gif) 0px 0px no-repeat; width:242px; height:176px; } #landingBoxesThree { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../Images/Global/landingBoxesHomeThree.gif) 0px 0px no-repeat; width:242px; height:176px; } .landingBoxesHomeTitle { color:#ffffff; font-size:12px; font-weight:bold; margin-left:10px; margin-top:7px; font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; } .landingBoxesHomeDescription { position:absolute; left:90px; font-size:11px; line-height:12px; top:55px; width:145px; } .landingBoxesHomeButton { position:absolute; left:90px; top:140px; } .landingBoxesHomeButtonSecondRow { position:absolute; left:90px; top:90px; } /* ----- LANDING PRODUCT & QUITTING PAGES -----*/ .landingBoxesTitle { color:#ffffff; font-size:12px; font-weight:bold; margin-left:10px; margin-top:7px; font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; } .landingBoxesDescription { position:absolute; left:90px; font-size:11px; line-height:12px; top:45px; width:145px; } .landingBoxesButton { position:absolute; left:90px; top:120px; } .landingBoxesButtonSecondRow { position:absolute; left:90px; top:95px; } /* ----- LANDING PRODUCT PAGES -----*/ #flashcontentTextProducts h1 { color:#15aadb; } #flashcontentTextProducts { position:absolute; top: 160px; left:45px; } #flashcontentTextProducts p span { color:#15aadb; font-weight:bold; font-size:110%;} #flashcontentTextProducts p { margin-top:0px; width:370px; color:#0b3d56; font-size:106%;line-height:16px; } #flashcontentTextProducts a { color:#0b3d56;} #landingBoxesProduct { } #landingBoxesInnerProduct { width:776px; background:url(../Images/Global/landingBoxesRepeatBkg.gif) top no-repeat; padding-left:15px; padding-top:15px; } #landingBoxesInnerTwoProduct {width:776px; background:url(../Images/Global/landingBoxesRepeatBkg.gif) bottom no-repeat; padding-left:15px; padding-top:15px;} #landingBoxesContentProduct { width:776px; } #landingBoxesContentTwoProduct { width:776px; } #landingBoxesOneProduct { float:left; margin-bottom:15px; position:relative; background:url(../Images/Global/landingBoxesProductOne.gif) 0px 0px no-repeat; width:242px; height:169px; } #landingBoxesTwoProduct { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../Images/Global/landingBoxesProductTwo.gif) 0px 0px no-repeat; width:242px; height:169px; } #landingBoxesThreeProduct { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../Images/Global/landingBoxesProductThree.gif) 0px 0px no-repeat; width:242px; height:169px; } #landingBoxesFourProduct { float:left; margin-bottom:15px; position:relative; background:url(../Images/Global/landingBoxesProductFour.gif) 0px 0px no-repeat; width:242px; height:169px; } #landingBoxesFiveProduct { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../Images/Global/landingBoxesProductFive.gif) 0px 0px no-repeat; width:242px; height:169px; } #landingBoxesSixProduct { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../Images/Global/landingBoxesProductSix.gif) 0px 0px no-repeat; width:242px; height:169px; } /* ----- LANDING QUITTING PAGES -----*/ #flashcontentTextQuitting h1 { color:#FFFFFF;} #flashcontentTextQuitting { position:absolute; top: 188px; left:55px; } #flashcontentTextQuitting p { margin-top:0px; width:315px; color:#308fc5; line-height:14px; } #landingBoxesQuiting { } #landingBoxesInnerQuiting { width:776px; background:url(../Images/Global/landingBoxesRepeatBkg.gif) top no-repeat; padding-left:15px; padding-top:15px; } #landingBoxesInnerTwoQuiting { width:776px; background:url(../Images/Global/landingBoxesRepeatBkg.gif) bottom no-repeat; padding:15px 0px 0px 15px;} #landingBoxesContentQuiting { width:776px; } #landingBoxesContentTwoQuiting { width:776px; } #landingBoxesOneQuiting { float:left; margin-bottom:15px; position:relative; background:url(../Images/Global/landingBoxesSuccessfulQuitingOne.gif) 0px 0px no-repeat; width:242px; height:169px; } #landingBoxesTwoQuiting { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../Images/Global/landingBoxesSuccessfulQuitingTwo.gif) 0px 0px no-repeat; width:242px; height:169px; } #landingBoxesThreeQuiting { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../Images/Global/landingBoxesSuccessfulQuitingThree.gif) 0px 0px no-repeat; width:242px; height:169px; } #landingBoxesFourQuiting { float:left; margin-bottom:15px; position:relative; background:url(../Images/Global/landingBoxesSuccessfulQuitingFour.gif) 0px 0px no-repeat; width:242px; height:169px; } #landingBoxesFiveQuiting { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../Images/Global/landingBoxesSuccessfulQuitingFive.gif) 0px 0px no-repeat; width:242px; height:169px; } #landingBoxesSixQuiting { float:left; margin-bottom:15px; position:relative; margin-left:16px; background:url(../Images/Global/landingBoxesSuccessfulQuitingSix.gif) 0px 0px no-repeat; width:242px; height:169px; } /* ----- ActiveStop TAB ----- */ #ActiveStopTabcontainer { width:334px; background:url(../Images/Global/ActiveStopTabbg2.jpg) top left repeat-y; margin: 15px 0px 15px 0px; } #ActiveStopTabTop { width:334px; height:19px; background:url(../Images/Global/ActiveStopTabTop.jpg) top left no-repeat; border:none;} #ActiveStopTabLeft { width:17px; background:url(../Images/Global/ActiveStopTabL.jpg) top left repeat-y; border:none; float:left;} #ActiveStopTabRight { width:17px; background:url(../Images/Global/ActiveStopTabR.jpg) top right repeat-y; border:none; float:left;} #ActiveStopTabBg { width:300px; border:none; float:left;} #ActiveStopTabBottom { width:334px; height:17px; background:url(../Images/Global/ActiveStopTabBottom.jpg) bottom left no-repeat; border:none; clear:both;} /* ----- PRODUCT PAGE COLOURS -----*/ .red h1, .red h2, .red h3, .red h4, .red h5, .red h6 { margin:0; padding:0; font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#de3e2f; } .red h1 { font-size: 17px; line-height: 1.6em; font-weight:normal; color:#de3e2f; margin-bottom:25px; margin-top:10px; } .red h1 span { color:#000000; } .red h2 { font-size: 14px; line-height: 1.4em; font-weight:normal; color:#de3e2f; margin-bottom:30px;} .red h3 { font-size: 13px; line-height: 1.4em; font-weight:normal; margin-bottom:13px; color:#de3e2f; } .red h4 { font-size: 12px; line-height: 1em; font-weight:normal; margin-bottom:3px; color:#ce261c; } .red h5 { font-size: 12px; line-height: 1em; font-weight:bold; padding-bottom:5px; color:#ce261c; } .red h6 { font-size: 12px; font-weight: normal; color:#000000; } .red h6 span { color:#de3e2f; } .red p {padding-bottom:7px; margin-bottom:10px; font-size:11px;} .red p span { color:#de3e2f; } .red em { font-style:normal; } .red a, .red a:link { color:#de3e2f; text-decoration:underline;} .red a:hover{ color:#ce261c; text-decoration:underline;} #redproductTabcontainer { width:186px; background:url(../Images/right-tab/redleftTabbg2.jpg) top left repeat-y; margin-top: 23px;} #redproductTabTop { width:186px; height:19px; background:url(../Images/right-tab/redleftTabTop.jpg) top left no-repeat; border:none;} #redproductTabLeft { width:17px; background:url(../Images/right-tab/redleftTabL.jpg) top left repeat-y; border:none; float:left;} #redproductTabRight { width:17px; background:url(../Images/right-tab/redleftTabR.jpg) top right repeat-y; border:none; float:left;} #redproductTabBg { width:152px; border:none; float:left;} #redproductTabBottom { width:186px; height:17px; background:url(../Images/right-tab/redleftTabBottom.jpg) top left no-repeat; border:none; clear:both;} .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6 { margin:0; padding:0; font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#7394a5; } .blue h1 { font-size: 17px; line-height: 1.6em; font-weight:normal; color:#7394a5; margin-bottom:25px; margin-top:10px; } .blue h1 span { color:#000000; } .blue h2 { font-size: 14px; line-height: 1.4em; font-weight:normal; color:#7394a5; margin-bottom:30px;} .blue h3 { font-size: 13px; line-height: 1.4em; font-weight:normal; margin-bottom:13px; color:#7394a5; } .blue h4 { font-size: 12px; line-height: 1em; font-weight:normal; margin-bottom:3px; color:#4f7a90; } .blue h5 { font-size: 12px; line-height: 1em; font-weight:bold; padding-bottom:5px; color:#4f7a90; } .blue h6 { font-size: 12px; font-weight: normal; color:#000000; } .blue h6 span { color:#7394a5; } .blue p {padding-bottom:7px; margin-bottom:10px; font-size:11px;} .blue p span { color:#7394a5; } .blue em { font-style:normal; } .blue a, .blue a:link { color:#7394a5; text-decoration:underline;} .blue a:hover{ color:#4f7a90; text-decoration:underline;} #blueproductTabcontainer { width:186px; background:url(../Images/right-tab/blueleftTabbg2.jpg) top left repeat-y; margin-top: 23px;} #blueproductTabTop { width:186px; height:19px; background:url(../Images/right-tab/blueleftTabTop.jpg) top left no-repeat; border:none;} #blueproductTabLeft { width:17px; background:url(../Images/right-tab/blueleftTabL.jpg) top left repeat-y; border:none; float:left;} #blueproductTabRight { width:17px; background:url(../Images/right-tab/blueleftTabR.jpg) top right repeat-y; border:none; float:left;} #blueproductTabBg { width:152px; border:none; float:left;} #blueproductTabBottom { width:186px; height:17px; background:url(../Images/right-tab/blueleftTabBottom.jpg) top left no-repeat; border:none; clear:both;} .purple h1, .purple h2, .purple h3, .purple h4, .purple h5, .purple h6 { margin:0; padding:0; font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#7394a5; } .purple h1 { font-size: 17px; line-height: 1.6em; font-weight:normal; color:#aa01ce; margin-bottom:25px; margin-top:10px; } .purple h1 span { color:#000000; } .purple h2 { font-size: 14px; line-height: 1.4em; font-weight:normal; color:#aa01ce; margin-bottom:30px;} .purple h3 { font-size: 13px; line-height: 1.4em; font-weight:normal; margin-bottom:13px; color:#aa01ce; } .purple h4 { font-size: 12px; line-height: 1em; font-weight:normal; margin-bottom:3px; color:#8c00aa; } .purple h5 { font-size: 12px; line-height: 1em; font-weight:bold; padding-bottom:5px; color:#8c00aa; } .purple h6 { font-size: 12px; font-weight: normal; color:#000000; } .purple h6 span { color:#aa01ce; } .purple p {padding-bottom:7px; margin-bottom:10px; font-size:11px; } .purple p span { color:#aa01ce; } .purple em { font-style:normal; } .purple a, .purple a:link { color:#aa01ce; text-decoration:underline;} .purple a:hover{ color:#8c00aa; text-decoration:underline;} #purpleproductTabcontainer { width:186px; background:url(../Images/right-tab/purpleleftTabbg2.jpg) top left repeat-y; margin-top: 23px;} #purpleproductTabTop { width:186px; height:19px; background:url(../Images/right-tab/purpleleftTabTop.jpg) top left no-repeat; border:none;} #purpleproductTabLeft { width:17px; background:url(../Images/right-tab/purpleleftTabL.jpg) top left repeat-y; border:none; float:left;} #purpleproductTabRight { width:17px; background:url(../Images/right-tab/purpleleftTabR.jpg) top right repeat-y; border:none; float:left;} #purpleproductTabBg { width:152px; border:none; float:left;} #purpleproductTabBottom { width:186px; height:17px; background:url(../Images/right-tab/purpleleftTabBottom.jpg) top left no-repeat; border:none; clear:both;} #thirdColContainer {margin-top:23px;}