@charset "utf-8";

body { background:url(../img/global/body-bg.png) repeat-x top; font-family:Georgia, "Times New Roman", Times, serif; margin:0; }

/* misc fixes */
html{ overflow-y:scroll; } 
a:active, a:focus{ outline:none; }  
img { border:0; }

/* optional margin resets */
p, h1, h2, h3, h4, h5, ul, ol, li { margin:0; padding:0; }
ul { list-style-type:none; }

/* typography */
h1, h2 { font:normal normal 1.6em/1.1em Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 20px 0; }
h2 { padding-top:30px; }
h3 { color:#cc0000; font:bold .9em Arial, Helvetica, sans-serif; letter-spacing:.06em; margin:20px 0 3px; text-transform:uppercase; }
h4 { color:#cc0000; font:italic normal 1em Georgia, "Times New Roman", Times, serif; margin:-5px 0 20px; padding:0; width:580px; }

p { margin:0 0 10px 0; }
#content p { margin:0 0 14px 0; }

a { color:#699; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
a:hover { color:#00ccff; text-decoration:none; }
p a, .content li a { font-family:Georgia, "Times New Roman", Times, serif; }
#keyword #content a, #gri #content a { font-family:Georgia, "Times New Roman", Times, serif; }

sup { margin:0; padding:0; line-height:0; font-size:.7em; } /* superscript fix */
.caps { font-size:.95em; } /* all caps fonts smaller size */
span.number { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif } /* number fix */
p.indent { margin:-4px 0 15px; padding-left:10px; }

/* lists */
.bullets { list-style-type:disc; margin-left:30px; }
.bullets li { list-style-type:disc; margin-bottom:5px; padding-left:5px; }

/* global container */
#container { margin:0 auto; width:990px; }

/* global header */
#header { background:url(../img/global/header-bg.png) no-repeat; height:157px; position:relative; width:100%; }
#home #header { background:url(../img/home/header-bg.png) no-repeat; }
#header #return { display:block; height:80px; left:25px; position:absolute; top:15px; width:610px; }

/* global navigation */
#navigation { color:#fff; font:normal 12px/14px Arial, Helvetica, sans-serif; height:52px; letter-spacing:-.01em; list-style-type:none; position:relative; top:105px; width:990px; }
#navigation ul { padding:10px 0 0 6px; }
#navigation li { display:inline; float:left; margin:0 10px; *margin:0 10px 0 9px; vertical-align:top; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #navigation li { margin:0 9px;  } }
* html #navigation li { display:inline; }  /* for IE 6 */
* + html #navigation li { display:inline; }  /* for IE 7 */
#navigation li.sm { margin:0 20px; }
#navigation a { color:#fff; display:block; float:left; height:32px; text-decoration:none; display:block; }
#navigation a:hover, #navigation a.on { color:#66ccff; text-decoration:none; }

/* content */
#content { padding-left:25px; position:relative; width:965px; }
#home #content { background:url(../img/home/mobile-health-information.jpg) no-repeat; height:650px; padding:0; width:990px; }
#home #content a { display:block; height:105px; position:absolute; left:25px; top:444px; width:220px; }
#content .content { float:left; font-size:1em; line-height:1.5em; width:600px; }
#interior2 #content .content { margin-right:30px; width:450px; }
#content p.caption { color:#666; font-size:.85em; line-height:1.2em; margin:10px 0 35px; }
#container p.intro { color:#666; font-size:1.25em; line-height:1.3em; }
.content ul { list-style-type:disc; padding:0 0 10px 20px; }
#content .h4 { color:#c33; font:bold .9em Arial, Helvetica, sans-serif; letter-spacing:.08em; text-transform:uppercase; }

/*anniversary*/
#anniversary { float:right; position:relative; width:500px; }
#anniversary img#anniversary-image { height:550px; left:0; position:absolute; top:0; width:500px; z-index:2; }
#anniversary #links { height:550px; position:relative; width:500px; z-index:5; }
#anniversary div.link { background:url(../img/anniversary/link-bg.gif); position:absolute; }
#anniversary div.tooltip { display:none; position:absolute; right:-255px; top:-10px; }
#anniversary div.tooltip div.left { background:transparent; color:#fff; font:bold 13px Arial, Helvetica, sans-serif; padding:5px 17px 5px 25px; }
#anniversary div.tooltip div.top { background:transparent url(../img/anniversary/tooltip.png) no-repeat top; padding:12px 0 5px; min-height:25px; height:auto !important; height:25px; width:265px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom:1; }
#anniversary div.tooltip div.bottom { background:transparent url(../img/anniversary/tooltip-bottom.png) no-repeat top; height:8px; width:265px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom:1; }
#anniversary div.oneline { padding-top:4px; }
#anniversary div.alternate { left:-255px; right:auto; }
#anniversary div.alternate div.left { padding:5px 27px 5px 15px; }
#anniversary div.alternate div.top { background:transparent url(../img/anniversary/alternate.png) no-repeat top; padding-left:5px; width:260px; }
#anniversary div.alternate div.bottom { background:transparent url(../img/anniversary/alternate-bottom.png) no-repeat top; }
#content #anniversary  p.caption { color:#666; font-size:.85em; line-height:1.2em; margin:10px 0 35px;}
#content #anniversary #anniverary-caption {padding-left: 75px;}
#timeline {padding-left: 0px;}

#jwj { height:100px; left:131px; top:61px; width:68px; z-index:5; }
#emj { height:98px; left:206px; top:5px; width:67px; z-index:5; }
#rwj { height:98px; left:206px; top:107px; width:67px; z-index:5; }
#advertisement { height:218px; left:286px; top:60px; width:185px; z-index:5; }
#sigma { height:306px; left:60px; top:158px; width:42px; z-index:6; }
#credo { height:111px; left:136px; top:209px; width:134px; z-index:5; }
#shampoo { height:92px; left:267px; top:264px; width:72px; z-index:7; }
#cypher { height:90px; left:422px; top:279px; width:69px; z-index:6; }
#firstaid { height:130px; left:103px; top:318px; width:163px; z-index:6; }
#redcross { height:69px; left:231px; top:357px; width:65px; z-index:7; }
#bandaid { height:64px; left:315px; top:359px; width:40px; z-index:9; }
#rhogam { height:135px; left:345px; top:327px; width:91px; z-index:7; }
#babypowder { height:92px; left:166px; top:408px; width:45px; z-index:9; }
#tylenol { height:50px; left:212px; top:422px; width:78px; z-index:7; }
#acuvue { height:104px; left:284px; top:374px; width:56px; z-index:8; }
#orthogynol { height:58px; left:320px; top:420px; width:107px; z-index:7; }
#procrit { height:31px; left:380px; top:455px; width:17px; z-index:9; }

/*board of directors*/
#board { font-size:.9em; line-height:1.4em; }
#board ul li { display:inline-block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:.85em; line-height:1.325em; width:200px; margin:0 25px 5px 0; }
#board ul li h4 { font-size:1em; }
#board ul li p { width:195px; }
#board div h2 { color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.85em; font-weight:normal; text-transform:none; line-height:26px; margin:0; padding:0 0 20px 0; }
#board .column { float:left; margin:0 25px 20px 0; width:280px; }
#board .column h4 { text-transform:uppercase; margin-bottom:0; }
#board div.last { margin-right:0; }
#board div.sm { width:240px; }
#board div.chairmen h4 { margin-bottom:5px; }

/*financial*/
#sidebar.pdf-links h4 { color:#000; font:bold 0.85em Arial,Helvetica,sans-serif; text-transform:uppercase; width:auto; }
#sidebar.pdf-links { font-size:.9em;}
#sidebar.pdf-links ul { color:#999; font-family:Arial, Helvetica, sans-serif; margin-bottom:25px; }
#sidebar.pdf-links li { padding-bottom:10px; }

/*e-delivery*/
.ar-link { margin:20px 5px; width:400px; }
.ar-link img { float:left; }
.ar-link li { background:url(../img/global/icon-pdf.gif) no-repeat right center; display:block; float:left; font-weight:bold; line-height:96px; padding:0 30px;  }

/* global footer */
#footer { color:#666; font-family:Arial, Helvetica, sans-serif; margin:15px auto 0; width:940px; }
#interior #footer { margin:35px auto 0; }
#footer ul { list-style-type:none; padding:4px 0;  }
#footer li { display:inline; font-size:.8em; margin:0 18px 0 0;  }
#footer p { font-size:11px;  }
#footer p a { font-family:Arial, Helvetica, sans-serif; }

/* tools */
#toollist { margin:10px 0 20px; padding:0; width:965px; text-align:right; }
#toollist li { color:#638e97; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#toollist li a { color:#638e97; text-decoration:none;  }
#toollist a.text { background:url(../img/global/icon-text.gif) left center no-repeat; border-right: 1px solid #e5e5e5; padding:0 10px 0 24px; }
#toollist a.share { background:url(../img/global/icon-share.gif) left center no-repeat; border-right: 1px solid #e5e5e5; margin-left:8px; padding:0 10px 0 24px; }
#toollist a.electronic { background:url(../img/global/icon-electronic.gif) left center no-repeat; margin-left:10px; padding-left:20px; }

/* sidebar */
#content #sidebar { float:right; width:300px; }
#content #sidebar p { color:#666; }
#content #sidebar p.red { color:#c33; font-size:1.1em; line-height:1.4em; margin:0 0 20px; }
#sidebar.financial img { border-top:5px solid #000; margin-bottom:14px; }
#sidebar a p.zoom { background:url(../img/global/zoom.gif) no-repeat top right; color:#666; cursor:pointer; font:normal 10px Arial; height:15px; line-height:15px; margin:0; padding:0 22px 5px 0; text-align:right; width:250px; }
#content #sidebar a p.graph { width:204px; }

/* sidebar pages */
#sidebar-pages { padding-bottom:25px; }
#sidebar-pages li { font-size:.9em; margin-bottom:8px; }
#sidebar-pages a.on { color:#0cf; }
#sidebar-pages li.header { color:#000; font:bold .9em Arial, Helvetica, sans-serif; letter-spacing:.08em; text-transform:uppercase; }
#sidebar-pages li.index { font-weight:bold; text-transform:uppercase; margin-bottom:10px; }
#sidebar-pages li.indent { padding-left:15px; }
#sidebar-pages li.indent { padding-left:15px; }

/* footnotes */
.footnotes { margin:30px 0; }
.footnotes li { font-size:.85em; line-height:1.1em; margin-bottom:5px; }
.footnotes li a { font-family:Georgia, "Times New Roman", Times, serif; }

/* pagination */
.content ul.pages { list-style-type:none; margin:35px 0 0 35px; padding:0; }
.content ul.pages li { margin:8px 0; }
.content ul.pages li a { font:normal 1.1em Arial, Helvetica, sans-serif; }
#pages { margin: 35px 0px 0px 0px; text-align:center; }
#pages li { color:#666; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:.9em; margin-left:5px; }
#pages a { color:#666; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }
#pages a:hover { text-decoration:none; }
#pages a.on { font-weight:bold; text-decoration:none; }

/* share */
#share-links { display:none; margin-left:240px; left:50%; position:absolute; top:176px; z-index:9999; }
#share { font-family:Arial, Helvetica, sans-serif; width:263px; }
#share-mask { background:url(../img/share/blank.gif); display:none; position:absolute; z-index:9000; }
#share .top { background:url(../img/share/share-top.png) no-repeat; color:#fff; font-size:11px; height:29px; }
#share .middle { background:url(../img/share/share-middle.png) repeat-y; padding:10px 0; margin:0; width:263px; }
#share .bottom { background:url(../img/share/share-bottom.png) no-repeat; height:10px; }
#share ul { list-style-type:none; margin:0 auto; padding:0; width:240px; }
#share ul li { float:left; font-size:11px; height:18px; margin-bottom:10px; padding-left:24px; width:95px; }
#share p.message { color:#666; font-size:10px; margin:10px 10px 0; }
#share .top a { background:url(../img/share/share-close.gif) no-repeat right; color:#fff; cursor:pointer; display:block; height:29px; float:right; font-size:11px; line-height:29px; margin-right:18px; padding-right:22px; text-align:right; width:45px; }
#share .top p { height:29px; line-height:29px; margin:0 0 0 35px; width:100px; }
#share .email { background:url(../img/share/icon-email.gif) no-repeat left; }
#share .delicious { background:url(../img/share/icon-delicious.gif) no-repeat left; }
#share .digg { background:url(../img/share/icon-digg.gif) no-repeat left; }
#share .diigo { background:url(../img/share/icon-diigo.gif) no-repeat left; }
#share .facebook { background:url(../img/share/icon-facebook.gif) no-repeat left; }
#share .linkedin { background:url(../img/share/icon-linkedin.gif) no-repeat left; }
#share .mixx { background:url(../img/share/icon-mixx.gif) no-repeat left; }
#share .myspace { background:url(../img/share/icon-myspace.gif) no-repeat left; }
#share .twitter { background:url(../img/share/icon-twitter.gif) no-repeat left; }
#share .yahoo { background:url(../img/share/icon-yahoo.gif) no-repeat left; }

/* modals */
#mask { background-color:#000; display:none; left:0; position:absolute; top:0; z-index:9000; }
#charts .chart { display:none; position:fixed; z-index:9999; }
#charts .header { background:url(../img/global/modal-header.gif) left top no-repeat; height:55px; text-align:right; }
#charts a.close { color:#fff; cursor:pointer; font-size:14px; font-weight:bold; padding:10px; position:relative; right:0; top:10px;  }
#sales { background-color:#fff; height:auto; text-align:center; width:680px; }
#net-sales, #diluted-earnings, #dividends { background-color:#fff; height:auto; padding-bottom:30px; text-align:center; width:600px; }
#net-sales .header, #diluted-earnings .header, #dividends .header { background:url(../img/global/modal-header.gif) left top no-repeat; height:55px; margin-bottom:15px; text-align:right; }

/* exit confirmation */
#confirm { background:url(../img/global/exit-bg.gif) no-repeat top; color:#222; display:none; font:normal 10px Arial, Helvetica, sans-serif; height:138px; text-align:center; width:300px; }
#confirm .message { padding:32px 20px 5px; }
#confirm div.buttons { padding:10px 85px; }
#confirm div.buttons div { border:1px solid #ccc; cursor:pointer; float:left; height:16px; line-height:16px; margin-left:10px; text-align:center; width:48px;  }

/* utilities */
.divider { background-color:#000000; clear:both; height:4px; margin-bottom:25px; overflow:hidden; }
.clear { clear: both; height: 0; font-size: 1px; line-height: 0px; } /* clear floats with br or divs */
img.floatleft { float:left; padding:3px 15px 5px 0; }
img.floatright { float:right; padding:3px 0 5px 15px; }
div.floatleft { float:left; padding:3px 15px 0 0; }
div.floatright { float:right; padding:3px 0 0 15px; }


/*Styling for Side Bar on Chairmen Pages Only*/

#content .chairmenside { padding-top: 25px; }


/*Styling for Footnotes*/

.footnote {
    font-size: 0.85em;
	line-height: 1.1em;
    margin-bottom: 5px;
}

.footnote a {
    font-family: Georgia,"Times New Roman",Times,serif;
}

.capletter {
	font-size: 1.3em;
	
}

.smallcaps {
	font-size: .7em;
}

.linesspacing { line-height: .7em; }

/*styling for custom sidebars on Supply and Markets Only */
#supplymarkets { float:right; position:relative; width:500px; height: auto;}
#supplymarkets img {left:0; position:absolute; top:0; width: 500px; z-index:2; }
#content #supplymarkets p.supplycaption { color:#666; font-size:.85em; line-height:1.2em; margin:10px 0 35px; padding-top: 550px; }
#content #supplymarkets p.marketscaption { color:#666; font-size:.85em; line-height:1.2em; margin:10px 0 35px; padding-top: 590px; }
 
 /*Footer CSS*/
 
#footerwidth { width: 670px; }

/*Social Media Links*/
#footer {position: relative}
#social-links { list-style-type:none; list-style:none; margin:0; padding:0; position:absolute; right:0; top:35px; }
#social-links li { color:#797979; display:inline-block; font:normal 11px/30px Arial, Helvetica, sans-serif; height:30px; margin:0 0 0 0px; padding:0; width:30px; overflow:hidden; }
* html #social-links li { display:inline; margin-right:0px; }  /* for IE 6 */
* + html #social-links li { display:inline; margin-right:0px; }  /* for IE 7 */
#social-links li a { display:block; height:30px; text-decoration:none; width:30px; }
#social-links li.text { text-align:right; width:55px; }
#social-links li.andyou { background:url(../img/social_links/&you_icon.jpg) no-repeat; }
#social-links li.kilmer { background:url(../img/social_links/KH_icon.jpg) no-repeat; }
#social-links li.btw { background:url(../img/social_links/JNJ_BTW_icon.jpg) no-repeat; }
#social-links li.facebook { background:url(../img/social_links/facebook_icon.jpg) no-repeat; }
#social-links li.twitter { background:url(../img/social_links/twitter_icon.jpg) no-repeat; }
#social-links li.youtube { background:url(../img/social_links/YouTube_icon.jpg) no-repeat; }

#readspeaker_button1 {
	position: absolute;
	padding-top: 20px;
	margin-left: 27px;
}
