﻿body {background-color: #ffffff; font-family: Arial; font-size: 11px; color: #666666; background-image: url(../images/bg.gif); background-repeat: repeat-x;}
p {line-height: 14px; white-space: nowrap;}
a, a:link, a:visited {text-decoration: none; color: #0099CC; outline: none;}
a:hover, a:active {text-decoration: none;}

/* common styles */
.bold{font-weight: bold;}
.italic{font-style: italic;}
.uppercase {text-transform: uppercase}
.indent {margin-left: 9px;}
.indent2 {margin-left: 39px;}
.indent3 {margin-left: 20px;}
.underline {text-decoration: underline;}
.clearboth {clear: both;}
.center {text-align:center;}
.nowrap {white-space: nowrap;}
.spacer { background-image: url(../images/spacer.gif);}
.px9 {font-size: 9px;}
.px10 {font-size: 10px;}
.px11 {font-size: 11px;}
.px12 {font-size: 12px;}
.px13 {font-size: 13px;}
.px14 {font-size: 14px;}

h1 {color: #49BBD6; font-size: 16px;}
h2 {color: #99CC33; font-size: 14px;}
h3 {color: #359BBC; font-size: 16px;}

.blue{ color: #49BBD6;}
.green {color: #99CC33;}
.red {color: #FF0000;}
.darkgray {color: #666666;}

#wrapper {width: 960px; margin-left: auto; margin-right: auto; margin-top: 20px;}

#mainTop {width: 960px; height: 20px; background-image: url(../images/mainTop.png); background-repeat: no-repeat;}
#main {width: 960px; padding: 0 20px 0 20px; background-image: url(../images/mainMid.gif); background-repeat: repeat-y;}
#mainBottom {width: 960px; height: 20px; background-image: url(../images/mainBottom.png); background-repeat: no-repeat;} 

#topnav {position: relative;}
#topnav .BeFluReadyLogo {position: absolute; top: 0; left: 0;}
#topnav #resize {position: absolute; top: 16px; right: 80px;}

/**********************************
	Text Resizer Buttons
 **********************************/
#textsizer {position: absolute; top: 12px; right: 80px;}
#textsizer p {display: inline;}
ul.textresizer {list-style: none; display: inline; margin: 0px; padding: 0px;}
ul.textresizer li {display: inline; margin: 0px; margin-right: 2px; padding: 0px;}
ul.textresizer a {padding: 2px; text-decoration: none;}
ul.textresizer a:hover {text-decoration: underline;}
ul.textresizer .small-text {font-size: 10px;}
ul.textresizer .medium-text {font-size: 11px;}
ul.textresizer .large-text {font-size: 12px;}
ul.textresizer .larger-text {font-size: 13px;}

/* Style of active button */
ul.textresizer a.textresizer-active {border: solid 1px #ebebeb; text-decoration: underline;}
/* End of Text Resizer Buttons */

/* top menu */
ul#menu {width: 782px; list-style-type: none; padding-left:120px; margin-right: 40px; padding-top: 30px; }
ul#menu li {display: inline; float: left;}
ul#menu li a {display: block; height: 40px; background-image: url(../images/topnav.gif); }
ul#menu li a.home {width: 124px; background-position: 0 0;}
ul#menu li a.protips {width: 156px; background-position: -124px 0;}
ul#menu li a.coldflu {width: 126px; background-position: -280px 0;}
ul#menu li a.symptoms {width: 176px; background-position: -406px 0;}
ul#menu li a.helpfriend {width: 194px; background-position: -586px 0;}

ul#menu li a.home:hover {background-position: 0 44px;}
ul#menu li a.protips:hover {background-position: -124px 44px;}
ul#menu li a.coldflu:hover {background-position: -280px 44px;}
ul#menu li a.symptoms:hover {background-position: -406px 44px;}
ul#menu li a.helpfriend:hover {background-position: -586px 44px;}

ul#menu li a.home_selected {width: 124px; background-position: 0 44px;}
ul#menu li a.protips_selected {width: 156px; background-position: -124px 44px;}
ul#menu li a.coldflu_selected {width: 126px; background-position: -280px 44px;}
ul#menu li a.symptoms_selected {width: 176px; background-position: -406px 44px;}
ul#menu li a.helpfriend_selected {width: 194px; background-position: -586px 44px;}

#footer {font-size: 11px; color: #003366; width: 960px; margin-left: auto; margin-right: auto; margin-top: 6px; text-align: center; position: relative;}
#footer a {color: #003366; text-decoration: underline;}
/*#footer a:hover, #footer a:active {text-decoration: underline;}*/

#footer ul {list-style-type: none;}
#footer ul li {display: inline;}

#maincontent {width: 860px; margin: 76px 0 0 20px; position: relative; min-height: 500px;}
#maincontent img {border:0;}
#maincontent #mainstageleft {width: 460px; float:left;}
#maincontent #mainstageInner {width: 400px; margin-left: 40px;}
#maincontent #mainstageright {width: 400px; position: absolute; top: -20px; right: 4px; z-index: 10;}
#maincontent #protection {width: 228px; height: 148px; background-image: url(../images/protection.gif); background-repeat: no-repeat; float:left; text-align:center; position: relative;}
#maincontent #protection img {margin-top: 50px;}
#maincontent #coldflu {width: 222px; height: 148px; background-image: url(../images/coldflu.gif); background-repeat: no-repeat; float:right; text-align:center; position: relative;}
#maincontent #coldflu img {margin-top: 50px;}
#maincontent .homeborderfadetop {position: absolute; top: 281px; left: 18px;}

#maincontent #homebottom {padding-top: 28px; clear: both; position: relative;}
#maincontent #homebottomleft {float:left; margin-top: 10px;}
#maincontent #homebottomright {width: 514px; float:right;}
#maincontent .homeborderfadebottom {}

#maincontent #maincontentTop {margin-left: 40px; width: 820px;}
#maincontent .maincontentTopInner {width: 470px; padding: 10px 0 20px 30px;}
#maincontent .maincontentTopInnerLarge {width: 800px; padding: 10px 0 20px 44px; position: relative;}
#maincontent .maincontentTopInnerLarge a{text-decoration: underline;}
#maincontentTop .left {width: 410px; float:left;}
#maincontentTop .right {width: 350px; float:right;}
#maincontentTop .leftForm {width: 350px; float:left; padding: 10px 0 0 10px;}
#maincontentTop .rightForm {width: 400px; float:right;}
#maincontent .maincontentBottomInnerLarge {width: 800px; padding: 10px 0 20px 24px;}
#maincontent .howtreat {margin-left: 30px;}
#maincontent #treat {background-image: url(../images/bgTreat.gif); background-repeat: no-repeat; background-position: bottom center; width: 720px; min-height: 230px; margin-left: 30px;}
#maincontent #treat .left {width: 300px; float:left; margin-left: 26px; padding: 10px 0 20px 0;}
#maincontent #treat .right {width: 340px; float:right; margin-right:10px; padding: 10px 0 20px 0;}

a.visit, a.visit:link, a.visit:visited {color: #49BBD6; text-decoration: none; line-height:14px; background-image: url(../images/arrowblue.png); background-repeat: no-repeat; background-position: right; padding-right:15px; margin-right: 10px;}
a.visit:hover, a.visit:active {text-decoration: underline;}
a.coupon, a.coupon:link, a.coupon:visited {color: #5CBF46; text-decoration: none; line-height:14px; background-image: url(../images/arrowgreen.png); background-repeat: no-repeat; background-position: right; padding-right:15px; margin-right: 10px;}
a.coupon:hover, a.coupon:active {text-decoration: underline;}

#maincontentBottom {padding-top: 10px;}
#maincontentBottom .right {width: 400px; float:right; margin-right: 60px;}

#maincontentBottom a, #maincontentBottom a:link, #maincontentBottom a:visited {color: #99CC33; text-decoration: none; font-style: italic;}
#maincontentBottom a:hover, #maincontentBottom a:active {text-decoration: underline;}

ul#tips {width: 460px; margin-top: 20px; margin-bottom: 20px; list-style-type: none;}
ul#tips li {padding-left: 30px; line-height: 26px; white-space: nowrap;}
ul#tips li.one {background-image: url(../images/bullet1.gif); background-repeat: no-repeat;}
ul#tips li.two {background-image: url(../images/bullet2.gif); background-repeat: no-repeat;}
ul#tips li.three {background-image: url(../images/bullet3.gif); background-repeat: no-repeat;}

ul#otc {width: 500px; margin: 10px 0 0 20px; list-style-image: url(../images/bulletorange.gif); float:left;}
ul#otc li {line-height: 18px; white-space: nowrap;}

#otcTable {margin-left: -4px; margin-top: 20px; width: 750px;}

.label {font-size: 11px; text-align:right; padding-right: 4px; padding-top: 6px; vertical-align: top;}
.textbox {width: 200px; margin-bottom: 4px;}
.lower {margin-top: 60px;}

ul#sitemap {width: 380px; margin-left: 50px; margin-top: 40px; float: left;}
ul#sitemap li {line-height: 30px; font-size: 18px;}
ul#sitemap li a {color: #FD9900; text-decoration: underline;}

ul#sitemap ul {margin-left: 30px;}
ul#sitemap ul li a {color: #49BBD6;}

ul#sitemap ul ul {margin-left: 80px;}
ul#sitemap ul ul li a {color: #99CC33;}

.reference {margin-left: 6px; font-size:11px;}
.reference a, .reference a:link, .reference a:visited,
.reference a:hover, .reference a:active 
{color: #666666; text-decoration: underline;}

#borderBottom {text-align: right; margin-right: 18px; margin-top: 6px; font-size: 12px; background-image:url(../images/borderfade.gif); background-position: top center; background-repeat: no-repeat; padding-top: 22px;}

.PfizerFooter {width: 700px; margin: auto; padding-top: 18px;}

#admin {width: 1000px; margin: auto; margin-top: 10px;}