﻿body {
	margin: 0;	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	background: #000000 url(images/bg_whole01.gif) repeat;
}

p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, sans-serif;	
}

sup {font-size: 7px}

h1 { font-size: 15px; color:#544170; border-bottom: solid 2px #008b95; margin-bottom: 8px; padding-bottom: 3px;}
h2 { font-size: 13px; color:#008b95; margin-top:0; margin-bottom:7px; }
h3 { font-size: 11px; margin-top: 0; margin-bottom: 7px; }
h4 { font-size: 12px; color:#008b95; margin-top:0; margin-bottom:7px; }
p, ul { margin-top: 0px; margin-bottom: 12px; }

a {text-decoration: none; color:#008b95}
a:hover {text-decoration: underline;}

img { display:block; clear:left; border:0px;}

.noWrap 
{
    white-space: nowrap;
}

.extraEm
{
    font-style:italic;
    font-weight:bold
}

#container {
    width: 800px; 
    text-align: left;
    margin: 0 auto;
    padding: 0;
    background-color:#ffffff;
    background-image: url(images/bg_main01.gif);
	background-repeat: repeat-y;
}

#header { margin-bottom:15px; }

.clearBoth { clear:both; }
.inline_left{ float:left;}
.inline_right{ width:208px; float:right; text-align:right; display:inline;}

.headerPiLink { float:right; font-size: 10px; color:#999999; }
.header_12plus { font-size: 10px; font-family: Arial, sans-serif; color:#666666;}
.header_12plus_sm { font-size: 7px; font-family: Arial, sans-serif; color:#666666;}


#mainContent {margin: 0 40px; padding: 15px 0; width: 720px;}

#pageContent 
{
	clear:both;
	width:100%;
}
#indisi{ color: #000000; margin-top:20px;}
#indisiTop { height: 6px; color: #d7d2de; 
    background-color: #d7d2de; border:none; margin-bottom: 4px;
}
#indisiBottom { height: 12px; color: #614d7d; background-color: #614d7d; border:none;}

#indisiLeft, #indisiRight, #footerRight
{
    width: 350px;
    float: left;    
}

#indisiLeft, #indisiRight, #footerLeft, #footerRight
{
    width: 340px;
    float: left;
	font-size:9px;  
}

#footerRight, #indisiRight { margin-left: 20px; }
#footerRight { text-align:right; }

#footerWyeth 
{
	width: 72px;
	float:left;
	text-align:left;
}

#footerManufactured
{
	width: 439px;
	padding-top:11px;
	float:left;
	text-align:left;
	font-family: Verdana, "sans serif";
	font-size:9px; 
	line-height:14px; 
}

#footerMarketed
{
	width: 149px;
	padding-top:11px;
	float:left;
	text-align:right;
	font-family: Verdana, "sans serif";
	font-size:9px; 
	line-height:14px; 
}

#footerPfizer
{
	width: 60px;
	float:left;
	text-align:right;
}

#indisi ul 
{
    margin-left: 8px;
    padding-left: 8px;
}

* html #indisi ul
{
	_margin-left: 11px;
    _padding-left: 8px;
}


#piLink { text-align:right; }

/* Home page rules */
#hpLeft { float:left; width: 353px; }

#hpRight 
{
    float:left;
    margin-top: 30px;
    margin-left: 10px;
    width:351px;
}

#hpCallOut1 { margin: 25px 0; }

#hpCallOut2 { margin: 25px 0 0 15px; }

#hpCallOutD 
{
	width:325px;
	padding: 25px 0 0 15px;
}

#hpCallOutD_container
{
	position: relative;
	height:155px;
}

#hpCallOutD_img 
{
	position:absolute;
	top:0px;
	right:0px;
	width:192px;
	text-align:right;
	display:inline;
}

#hpCallOutD_txt 
{
	position:absolute;
	top:0px;
	left:0px;
	width:190px;
	height:140px;
	text-align:left;
}

.clearB
{
	clear:both;
}


.hpPagesImg 
{
    float:right;
    margin: 7px;
    padding: 0;
}

.lgCopy { font-size:12px; margin-bottom: 20px; }

#subLeft, #subRight { float:left; }
#subRight { width: 432px; margin-top: 30px; }
#subLeft { width: 265px; margin-right: 17px; }
#subRight_viral { width: 432px; margin-top: 10px; float:right;}

#subRight h1, #subRight_viral h1, #subLeft h1 { color: #008b95; border-bottom: solid 2px #fdc82f; }

#subLeft img { margin-bottom: 12px }

#subLeft strong, 
div#referenceGuide strong { font-style:normal; font-weight:bold; color:#008b95; }

.smCap { font-size:80%; display:inline; }


/* Other Page specific */

#prepFlash
{
    margin-top: 20px;
}

#communityTop 
{
    margin-top: 20px;
    background-image: url(images/healthy_grad_top.jpg);
    background-repeat:no-repeat;
    height: 130px;
    padding: 10px 10px 0 10px;
}

#communityBottom 
{
    background-image: url(images/healthy_grad_bottom.jpg);
    height: 76px;
    padding: 10px 0 0 10px;
}

.communityIcon 
{
    float:left;
}
.communityP 
{
   width:178px;
   float:left;
   margin: 0 0 5px 4px;
}

.communityButton 
{
    margin-top: 8px;
}

#safetyCallout 
{
    background-image: url(images/safety_grad.jpg);
    background-repeat: no-repeat;
    padding: 10px 10px 0 10px;
    height: 197px;
}

#safetyCallout img 
{
    margin: 8px 0 8px 32px;
}

.viral_c1 
{
	width: 100%;
	text-align: right;
}

.viral_see
{
	width: 100%;
	text-align: right;
	padding:0px;
	margin: 0px;
}


.viral_see_btn
{
	width: 213px;
	height:23px;
	float: right;
	padding: 0px;
	margin-top: 0px;
}

.viral_r
{
	margin-left: 0px;
	width: 432px;
	height: 284px;
	background-image: url(images/video_bg.gif);
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 10px;
}

ul.footerBullet {margin:0px;}
ul.footerBullet li{font-size:12px; margin-bottom:8px;}
* html ul.footerBullet {_margin:0px;}
* html ul.footerBullet li{font-size:12px; _margin-bottom:8px;}


/*planning ahead*/
.planningAhead_title 
{
    margin-top: 20px;
    margin-bottom:0px;
    padding: 0px;
    height:36px;
}

.planningAhead 
{
    background-image: url(images/planningAhead_bg.gif);
    background-repeat:no-repeat;
    background-color:#ffffff;
    width:235px;
    padding: 10px 10px 0px 20px;
    margin: 0px;
}

* html .planningAhead {margin-top: -12px; padding-top:22px;}

h2.planningAhead_h
{ font-size: 13px; color:#008b95; margin-top:15px; margin-bottom:10px;}

h2.planningAhead_h2
{ font-size: 13px; color:#008b95; margin-top:25px; margin-bottom:10px;}

h2.benefixWorks_h
{ font-size: 13px; color:#666666; margin-top:15px; margin-bottom:10px;}

.benefixWorks_sm
{ font-size: 9px; color:#666666;}

.benefixWorks_xsm
{ font-size: 6px; color:#666666;}



ul.planningAhead_ul
{
	color:#008b95;
	margin:16px;
	padding:0px;}

ul.planningAhead_ul li
{
	color: #008b95;
	margin-bottom:7px;
	padding:0px;
	}
	
ul.planningAhead_ul_c
{
	color:#008b95;
	margin-left:16px;
	padding:0px;}

ul.planningAhead_ul_c li
{
	color: #008b95;
	margin-bottom:7px;
	padding-left:0px;
	}	

/* for IE */
html ul.planningAhead_ul
{
	color:#008b95;
	font-size: 11px;
	_margin:1.8em;
	_padding:0px;}

html ul.planningAhead_ul li
{
	color: #008b95;
	font-size: 11px;
	_margin-bottom:7px;
	_padding:0px;
	}
	
html ul.planningAhead_ul_c
{
	color:#008b95;
	font-size: 11px;
	_margin-left:1.8em;
	_padding:0px;}

html ul.planningAhead_ul_c li
{
	color: #008b95;
	font-size: 11px;
	_margin-bottom:7px;
	_padding-left:0px;
}	
/* for IE */

.text_li 
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
}

.dashUL 
{
	width: 432px;
}	

.dashUL_left 
{
	width: 25px;
	float: left;
	text-align: right;
}	

.dashUL_right 
{
	width: 402px;
	float: left;
	text-align: left;
	padding-left:5px;
	padding-bottom:22px;
}	

/*end of planning ahead*/




/* reference guide styles */
div#referenceGuide 
{
	float:left;
	width: 100%;
	
}

div#referenceGuidePic
{
	float:left;
	margin:0px;
	padding:0px;
	width:130px;
	
}

div#referenceGuideList {
	float:left;
}

ul#referenceGuideList {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
	width:60%
}


ul#referenceGuideList li{
	float:left;
	/*height:50px;8*/
	list-style:none;
	margin:0px;
	padding:0px;
}

/* end reference guide */

/* Healthy Living right column content */

#healthyC1 
{
	background-image: url(images/healthyLiving_c1.gif);
    background-repeat:no-repeat;
    background-color:#ffffff;
    width:412px;
    /*height:180px;*/
    padding: 0px;
    margin: 0px;
    position:relative;
}

.healthyC1_image
{
	width: 131px;
	position:absolute;	
	top: 36px;
	left: 0px;
	text-align: left;
	display:inline
}

.healthyC1_content
{
	width:267px;
	padding-top: 70px;
	padding-left:140px;
	padding-right:5px;
}

#healthyC2 
{
    width:412px;
    /*height:140px;*/
    padding: 0px;
    margin: 0px;
    position:relative;
}

.healthyC2_image
{
	width: 130px;
	position:absolute;	
	top: 8px;
	left: 0px;
	text-align: left;
	display:inline
}

.healthyC2_content
{
	width:267px;
	padding-top: 20px;
	padding-left:140px;
	padding-right:5px;
}

#healthyC3 
{
    width:412px;
    /*height:124px;*/
    padding: 0px;
    margin: 0px;
    position: relative;
}

.healthyC3_image
{
	width: 126px;
	position:absolute;	
	top: 0px;
	left: 0px;
	text-align: left;
	display:inline
}

.healthyC3_content
{
	width:267px;
	padding-top: 20px;
	padding-left:140px;
	padding-right:5px;
}

.healthy_grn_txt
{
	color:#008b95;
	font-weight: bold;
}

/* end of Healthy Living right column content */

.spacer5px 
{
	height:5px;
}

.spacer8px 
{
	height:8px;
}

/*** These are used at the end of div containers that have only floated contents so that the container grows to the size of the contents ***/
div.spacer0px { height: 0px; line-height: 0px; font-size: 1px; clear: both;}