/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : AS Lite Author : Sam Smithson URL : www.ActiveStop Web Only UK Type: Screen, Projection Description : Global stylesheet - AS Lite 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-position: top center; background-repeat: no-repeat; } html { background-position: top center; background-repeat: repeat-y; background-attachment:fixed; } html, body { height: 100%; } * { margin:0px; padding:0px; } /* ----- 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; } /*#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; } */ /* ----- 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;} #columnWide { width:570px; float:left; margin-top:15px; margin-left:15px; } #columnLanding { width:792px; float:left; margin-top:15px; margin-left:15px; } #ActiveStopWebOnlyPromoBoxLeft { float:left; width:50%; height:120px; background-position: 0px 0px; background-repeat: no-repeat; } #ActiveStopWebOnlyPromoBoxLeftContent { left:115px; width:250px; position:relative; top:23px; } #ActiveStopWebOnlyPromoBoxLeftButton { float:right; margin-top:5px; margin-right:3px; } #ActiveStopWebOnlyPromoBoxRight { float:right; width:50%; height:120px; background-position: 0px 0px; background-repeat: no-repeat; } #ActiveStopWebOnlyPromoBoxRightContent { left:125px; width:270px; position:relative; top:23px; } #ActiveStopWebOnlyPromoBoxRightButton { float:right; margin-top:23px; margin-right:22px; } #landingBoxesActiveStopWebOnly { } #landingBoxesActiveStopWebOnlyInner { padding-left:15px; padding-top:15px; } #landingBoxesActiveStopWebOnlyInnerTwo { padding-left:15px; padding-top:15px; } #landingBoxesActiveStopWebOnlyContent { width:792px; background-position: 0px 0px; background-repeat: no-repeat; } #landingBoxesActiveStopWebOnlyContentTwo { width:792px; background-position: 0px 0px; background-repeat: no-repeat; } .landingBoxesActiveStopWebOnlyContainerFirst { float:left; margin-bottom:15px; width:242px; } .landingBoxesActiveStopWebOnlyContainerNext { float:left; margin-bottom:15px; width:242px; margin-left:16px; } #landingBoxesActiveStopWebOnlyOne { clear:both; position:relative; background-position: 0px 0px; background-repeat: no-repeat; width:242px; min-height:169px; } #landingBoxesActiveStopWebOnlyTwo { clear:both; position:relative; background-position: 0px 0px; background-repeat: no-repeat; width:242px; min-height:169px; } #landingBoxesActiveStopWebOnlyThree { clear:both; position:relative; background-position: 0px 0px; background-repeat: no-repeat; width:242px; min-height:169px; } #landingBoxesActiveStopWebOnlyFour {clear:both; position:relative; background-position: 0px 0px; background-repeat: no-repeat; width:242px; min-height:169px; } #landingBoxesActiveStopWebOnlyFive { clear:both; position:relative; background-position: 0px 0px; background-repeat: no-repeat; width:242px; min-height:169px; } #landingBoxesActiveStopWebOnlySix { clear:both; position:relative; background-position: 0px 0px; background-repeat: no-repeat; width:242px; min-height:169px; } .landingBoxesTitle { position:relative; float:left; color:#ffffff; font-size:14px; font-weight:bold; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; background-position: 0px 0px; background-repeat: no-repeat; background-color:#4b9571; width:232px; min-height:22px; padding:5px;} .landingBoxesDescription { position:relative; left:90px; top:15px; font-size:10px; line-height:12px; width:140px; } .landingBoxesButton { position:absolute; left:90px; top:115px; } .landingBoxesButtonSecondRow { position:absolute; left:90px; top:100px; } #CenterTabTop { width:343px; height:17px; background-position: 0px 0px; background-repeat: no-repeat; border:none; margin-top:10px;} #CenterTabcontainer { width:300px; background-position: 0px 0px; background-repeat: repeat-x; margin: 0px; padding: 0px 20px 0px 20px; border-left:1px solid #d7e1d8; border-right:1px solid #d7e1d8; } #CenterTabBottom { width:342px; height:21px; background-color: #ffffff; background-position: 0px 0px; background-repeat: no-repeat; clear:both; margin-top:-10px; margin-bottom:10px;} /* ----- NEW APRIL REFRESH STYLES ----- */ #register { position:absolute; top: 120px; left:640px; z-index:1000; } /* ----- 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; 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; } #secondaryNavigationBottom { height:130px; background-position: 0px 0px; background-repeat: no-repeat; } #secondaryNavigationTop { background-position: 0px 0px; background-repeat: 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-color: #ffffff; background-position: 10px 6px; background-repeat: no-repeat; display:block; color:#47a742;} #secondaryNavigation a { background-position: 10px 6px; background-repeat: no-repeat; text-decoration:none; display:block; color:#8c8e8a; padding:4px 10px 2px 30px; } /* ----- 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; } /* ----- COLUMN THREE BOX ----- */ #ActiveStopTabTop { width:186px; height:17px; background-position: 0px 0px; background-repeat: no-repeat; border:none; margin-top:10px;} #ActiveStopTabcontainer { width:144px; background-position: 0px 0px; background-repeat: repeat-x; margin: 0px; padding: 0px 20px 0px 20px; border-left:1px solid #d7e1d8; border-right:1px solid #d7e1d8; } #ActiveStopTabBottom { width:186px; height:21px; background-color: #ffffff; background-position: 0px 0px; background-repeat: no-repeat; clear:both; margin-top:-10px; margin-bottom:10px;} #columnThree ul {list-style-type:none; padding-left:0; margin-left: 0; margin-top:-5px;} #columnThree li{ background-position: 0px 2px; background-repeat: no-repeat; padding-left:20px; color:#47a742; padding-bottom:7px;} /* ----- FOOTER ----- */ #footer { clear:both; font-size:90%; margin-top:15px; padding-top:10px; 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 a { text-decoration:none;} #footerInner a:hover { text-decoration:underline;} #footerInner ul { margin:0px; color:#999999; clear:both; padding:0px; list-style:none; } #legalFooter { margin:15px 0px 15px 0px; color:#999999; clear:both; padding-top:2px; padding-bottom:30px; list-style:none; border-bottom: 1px solid #ebebeb; } #footerInner li { float:left; margin-right:20px;padding-bottom:0px; } #legalFooter a { color:#999999; text-decoration:none;} #legalFooter a:hover { text-decoration:underline;} #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; } .subFooter { clear:both; border-top:1px solid #e8e8e8; padding-top:25px; padding-bottom:15px; } /* ----- 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; } /* ----- 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; font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; } h1 { font-size: 17px; line-height: 1.6em; font-weight:normal; color:#3aa72a; margin-bottom:10px; margin-top:10px; } h1 span { color:#000000; } h2 { font-size: 14px; line-height: 1.4em; font-weight:normal; color:#3aa72a; margin-bottom:20px;} h2 span {color:#000000;} 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{ 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; }