/****************************************************************
Main styles for:http://gardasil.com
overwrites base.css and reset.css
bkeller@2advanced.com
Bill@ghettocooler.net, Dec. 2007
------
Notes:
------
#content = page w/out sidebar
#content-fixed = page w/ sidebar

.social = page w/out sidebar
.social .fixed = page w/ sidebar

------------------
content structure:
------------------
body: 1012px;
#global-nav 940 + 36px + 36px = 1012px;
body .inside: 940px + 36px + 36px = 1012px;
#flash-header (940px x 284px)
#content-wrapper (940px)

	#content-fixed 						(643px)
	#content .inside left padding    (18px)
	#sidebar 						(279px)
---------------------------------------------
									 940px
	PAGES W/OUT SIDEBAR								 
	#content {890px;}
	#content #inside {890-18px = 872px}							
	#content-fixed-wide .inside {903-80px(padding) = 823px}							
		
****************************************************************/

body,
body.learn-about-gardasil {color: #fff; background: #b30938 url(../../assets/css/images/html-learn-bg.jpg) repeat center 0;}

body.facts-about-hpv {color: inherit; background: #4e82a9 url(../../assets/css/images/html-facts-bg.jpg) repeat center 0;}
body.make-an-impact {color: inherit; background: #d8b75d url(../../assets/css/images/html-impact-bg.jpg) repeat center 0;}
body.more-for-parents {color: inherit; background: #784423 url(../../assets/css/images/html-parents-bg.jpg) repeat center 0;}
body.watch-real-story {background-image: none;background: #fff;font: normal 11px Verdana, Arial, Helvetica, sans-serif;color: #6a645c;line-height: 18px;}

body.solo {
	background-image: none;
	background: #fff;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #6a645c;
	line-height: 18px;
	}
.body-cap {
	height: 8px;
	background: transparent url(../../assets/css/images/body-cap.png) no-repeat bottom left;
	}
#no-flash {
	height: 83px;
	width: 956px;
	margin: 0 0 8px 28px;
	background: transparent url(../../assets/css/images/no-flash-msg.png) no-repeat 0 0;
	text-align: center;
	}
	#no-flash p {
		width: 70%;
		margin: 0 auto;
		padding-top: 20px;
		text-align: center;
		color: #6a645c;
		}

/*tell a friend popup */
body.tell-body {
	background-image: none;
	background: transparent;
	}
body.health-pro {
	padding: 10px;
	}
#overall {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 18px;
	width: 989px;
	margin: 0 auto;
	padding: 0 0 100px 0;
	background: inherit;
	position: relative;
	}
	div.inside-body {
		color: #6a645c;
		background: transparent url(../../assets/css/images/body-bg.png) repeat-y 0 0;
		padding: 0 24px ! important;
		margin: 0;
		}

/********************************
FLASH HEADER (replaced by flash)
*********************************/
#flash-header {
	width: 940px;
	height: 284px;
	/* background: #fdfdfd url(../../assets/content/flash-headers/empty.jpg) no-repeat 0 0; */
	overflow: hidden;
	z-index: 2;
	}
#mainNav {z-index: 1 ! important;}
	#flash-header p {text-indent: -9009px;}

/********************************
MAIN NAVIGATION (NO FLASH)
*********************************/
h1.logo {
	clear: both;
	width: 220px;
	height: 90px;
	position: relative;
	top: 23px;
	left: 33px;
	text-indent: -9009px;
	}
	h1.logo a {
		display: block;
		width: 100%;
		height: 100%;
		}

/********************
CONTENT
*********************/
#watch-real-story{
	margin:10px 0 0 10px;
	width:690px;
	}
#content-wrapper {
	clear: both;
	width: 940px;
	padding: 22px 0 0 0;
	/* overflow: auto; */
	overflow: visible;
	background: transparent url(../../assets/css/images/content-wrapper-header.jpg) no-repeat 0 -20px;
	position: relative;
	}

	#content-wrapper div.inside {
		margin-top: 0;
		padding: 0 0 0 18px; /* see exploder for fix */
		background: transparent url(../../assets/css/images/content-wrapper.jpg) repeat-y 0 0;
		/*overflow: auto; */ /* hold out for floats */
		height: 100%;
		}
		/* 
		USE THE :after CLEAR METHOD INSTEAD OF OVERFLOW:AUTO
		SO TOOL TIPS WILL WORK PROPERLY.
		*/
		#content-wrapper div.inside:after {
			clear: both;
			display: block;
			content: '';
			height: 1px;
			}
		.intro {
			padding-left: 18px;
			width: 865px;
			}
			.facts-about-hpv .intro {width: 630px;}
			.facts-about-hpv .pap-special-break {width: 620px;}
			.facts-about-hpv .intro-home {padding-left: 18px; width: 865px;}
			.learn-about-gardasil .intro {
				width: 600px;
				float: left;
				}
				/* specific widths on specific learn about gardasil pages */
				.learn-about-gardasil .home {width: 660px;}
				.learn-about-gardasil .wide,
				.healthcare-professional .wide {width: 700px;}
				.make-an-impact .wide {width: 650px;}
				.request-information .wide {width: 650px;}
				
			.more-for-parents .intro {width: 780px;}
			.watch-real-story .intro {width: 462px;}
			.more-for-parents .intro-home {float: left; width: 600px; padding-left: 18px; padding-top: 5px; margin: 0 30px 0 0;}
			.make-an-impact .home {width: 600px; float: left;}
			.more-for-parents .intro p {
				}
			.testimonial-intro {
				width: 570px;
				float: left;
				}
		/* pages w/out sidebar */
		#content {
			margin: 0;
			width: 890px; /* Keep this just wider than the width of its widest content piece */
			}
			#content div.inside {
				background-image: none;
				clear: both;
				}
		/* pages w/ sidebar */
		#content-fixed {
			float:left;
			margin: 0;
			width: 643px;
			background: transparent url(../../assets/css/images/content-header.png) no-repeat 0 0;
			}
			#content-fixed div.inside {
				margin-top: 31px; /* leave room for content-header */
				padding: 10px 40px 0 40px;
				background: transparent url(../../assets/css/images/content-inside.png) repeat-y 0 0;
				}
			/* .push is used in a few spots to increase the height of the left area so we can stick in callouts in the #sidebar */
			#content-fixed div.push {
				padding-bottom: 110px;
				}

		/* even wider pages */
		#content-fixed-wide {
			float:left;
			margin: 0;
			width: 903px;
			background: transparent url(../../assets/css/images/content-header-wide.png) no-repeat 0 0;
			}
			#content-fixed-wide div.inside {
				margin-top: 31px; /* leave room for content-header */
				padding: 10px 40px 0 40px;
				background: transparent url(../../assets/css/images/content-inside-wide.png) repeat-y 0 0;
				}
		#content-fixed-wide-footer {
			clear: both;
			width: 903px;
			height: 31px;
			margin: 0;
			background: transparent url(../../assets/css/images/content-footer-wide.png) no-repeat 0 0;
			}
		
		/*************************
		SIDEBAR and SIDEBAR CONTENT
		**************************/				
		#sidebar {
			width: 279px;
			position: absolute;
			right: 0;
			top: 45px;
			}
					/* OLD TALK CSS WAS HERE */
					/*******************************************************
					Talk flash callouts, and their non-flash IMG equivelant
					********************************************************/
					#talk {margin: -10px 0 0 50px;}
						#talk img {margin: 30px 0 25px 0;}
					/* facts home page */
					#talk-home img {margin: 35px 0 0 0;}
					#talk-2-0 img {margin: 0 0 0 0;}
					#talk-4-0 img {margin: 35px 0 0 0;}
					#talk-1-1-1 {margin: 0 0 0 30px;}
					.facts-about-hpv #talk-home {position: absolute; right: 25px; top: 125px;}
					.facts-about-hpv #talk-home img {position: relative; top: 5px;}
					
					/* /hpv/human-papillomavirus/ */
					#talk-cervical {margin: 56px 0 0 50px;}
						#talk-cervical img {margin: 30px 0 25px 0;}
					/* /hpv/pap-test/ */
					#talk-pap {margin: 37px 0 0 20px;}
						#talk-pap img {margin: 0;}
						
					/* /what-is-gardasil/hpv-and-gardasil/ */
					#talk-talking {margin: 10px 0 0 50px;}
						#talk-talking img {margin: 30px 0 25px 0;}
											
					/* /gardasil-information/ */
					#talk-impact-home {float: right; margin: 15px 0 0 50px;}
						#talk-impact-home img {margin: 0px 0 0 0;}

					/* /gardasil-information/i-chose/ adjustment in explder.css */
					#talk-testimonial {
							float: right; margin: -14px 0 0 40px;}
						#talk-testimonial img {
							margin: 14px 0 0 0;
							}

					/* More for parents pages */
					#talk-parents {margin: -10px 0 0 30px;}
						#talk-parents img {margin: 30px 0 25px 0;}
					
					/* /vaccine-for-cervical-cancer/cervical-cancer-and-hpv/ */
					#talk-parents-intro {margin: 12px 0 0 30px;}
						#talk-parents-intro img {margin: 13px 0 25px 0;}
						
					/* /gardasil-information/vaccine-for-cervical-cancer/ */
					#talk-parents-intro-home {margin: -5px 0 0 30px;}
						#talk-parents-intro-home img {margin: 0 0 25px 0;}

					
					/*******************************************************
					Learn More callouts, the master wrap 
					Flash and their non-flash equivelants
					********************************************************/
					#spread-word {width:211px; margin: 45px 0 0 25px; position:relative;}
						#spread-word .img-group {
							line-height: 1px;
							margin: 0 0 0 0;
							position: relative;
							}
							#learn-more-permanent .img-group {line-height: 0;}
							#learn-more-permanent-higher .img-group {line-height: 0; margin-top: 30px;}
					#learn-more {width: 211px; margin: 0 0 25px 25px;}
						#learn-more .img-group {
							line-height: 1px;
							margin: 0 0 0 0;
							position: relative;
							}
							#learn-more-permanent .img-group {line-height: 0;}
							#learn-more-permanent-higher .img-group {line-height: 0;}
						/* if an img-group leads off a page, we need more top-margin */
						#learn-more .lead {
							margin: 17px 0 0 0;
							}
							/* "image map" on /hpv/pap-test/ 
							problems w/ these in IE 
							*/
							div.conversation-split-dual {
								width: 209px;
								height: 191px;
								background: transparent url(../../assets/content/facts-conversation-split-dual.png) no-repeat 0 0;
								position: relative;
							}
							a.conversation-first-link {
								text-indent: -9999px;
								display: block;
								width: 200px;
								height: 25px;
								position: absolute;
								margin-top: 100px;
							}
							a.conversation-second-link {
								text-indent: -9999px;
								display: block;
								width: 200px;
								height: 25px;
								position: absolute;
								margin-top: 125px;
							}
					/* /what-is-gardasil/3-is-Key/  and sms reminders*/
					#learn-more-permanent {
						width: 209px;
						display: block;
						margin: 88px 0 25px 25px;
						}
					#learn-more-permanent-higher {
						width: 209px;
						display: block;
						margin: -11px 0 25px 25px;
						}
					
					/*******************************************************
					Video flash callouts, and their non-flash IMG equivelant
					********************************************************/
					#video {margin: 0 0 0 23px; width: 211px; text-align: center;}
						/* non flash */
						#video img {margin: 0 auto;}
					
					/* more for parents section */
					.more-for-parents #video {margin: 0 0 0 13px;}
						/* non flash */
						.more-for-parents #video img {margin: 0 0 0 1px;}
					
					/* /gardasil-information/hpv-facts/ = the ONLY page its used on */
					#video-intro {margin: 44px 0 0 14px;}
						#video-intro img {margin: 0 0 0 2px;}
					
					/* /gardasil-information/fun/ */
					#video-fun {margin: 15px 0 0 18px;}
					
					/* /gardasil-information/gardasil-news/ = the ONLY page its used on */
					#video-community {margin: 20px 0 0 14px;}
						#video-community img {margin: 0 0 0 0;}
						
					/* /gardasil-information/vaccine-for-cervical-cancer/ */
					#video-parents-home {float: left; margin: 25px 0 0 0;position: relative; left: 10px;}
					/* /hpv-disease/thank-you/ */
					#video-request {margin: 20px 0 0 18px;}
					
					/*******************************************************
					Video flash callouts, and their non-flash IMG equivelant
					********************************************************/
						#questions_flash {
							position: absolute;
							top: 57px;
							left: 18px;
							}
					
					.asked-questions-split {
						display: block;
						width: 209px;
						height: 161px;
						background: transparent url(../../assets/content/learn-todays-questions-split.png) no-repeat 0 0;
						position: relative;
						}
					.asked-questions-split-split {
						display: block;
						width: 209px;
						height: 142px;
						background: transparent url(../../assets/content/learn-todays-questions-split-split.png) no-repeat 0 0;
						position: relative;
						}
						.asked-questions-split-split #questions_flash {
							position: absolute;
							top: 63px;
							}

						/* request info, thanks page */
					.asked-questions {
						display: block;
						width: 209px;
						height: 206px;
						background: transparent url(../../assets/content/learn-todays-questions.png) no-repeat 0 0;
						position: relative;
						}
					
						a.questions-link{
							display: block;
							width: 209px;
							height: 14px;
							position: absolute;
							top: 100px;
							text-indent: -9009px;
							}
						.asked-questions a.questions-link{
							top: 150px;
							}
							
						p.questions-link-noflash a {
							display: block;
							width: 170px;
							height: 14px;
							position: absolute;
							text-align: center;
							line-height: 14px;
							text-decoration: none ! important;
							color: #6a645c ! important;
							/* border: 1px solid #ffff00; */
							}

						.asked-questions #questions_flash {
							position: absolute;
							top: 107px;
							}
					

/*****************
BOOKMARKS and SHARE
******************/
		.social { display: none;/* Added by MVD IS */
			margin: 0 18px;
			margin: 5px 36px 0 18px; /* THIS OR 18PX RIGHT PADDING ON .inside */
			padding: 13px 0 0 0;
			border-top: 1px dotted #999;
			clear: both;
			}
		/* add the class "fixed" to .social if there's a sidebar on the page */
		.fixed {
			width: 237px;
			position: absolute;
			bottom: 0;
			right: 25px;
			margin: 0;
			border-top-style: none;
			}
			.social h4 { 
				width: 103px;
				height: 20px;
				margin: 5px 0 0 0;
				background: transparent url(../../assets/css/images/bookmark-share.gif) no-repeat 0 0;
				text-indent: -9009px;
				float: left;
				}
			.fixed h4 {
				height: 15px;
				margin: 0;
				width: 227px;
				float: none;
				}
			/* height and float in this definition is what makes tool tips work in IE 6 */
			.inside .social ul {
				margin: 0;
				padding: 0;
				overflow: visible;
				height: 1%;
				float: left;
				}
				.fixed ul {border-top: 1px dotted #999;}
				.inside .fixed ul + ul { /* IE6, see exploder.js */
					margin: 13px 0 0 0;
					padding-bottom: 35px;
					}

				.inside .social ul li {
					display: inline;
					height: 16px;
					}
					.social ul li a,
					.social ul li div.share-page {
						display: block;
						float: left;
						height: 200px;
						padding-left: 25px;
						margin-left: 20px;
						}
					.fixed ul li a,
					.fixed ul li div.share-page {
						width: 90px;
						margin: 13px 0 0 0;
						}
					.social ul li span.link,
					.social ul li div.share-page span.link {
						position: relative;
						text-decoration: underline;
						_z-index:-10000;
								
						}
					.social ul li a:link,
					.social ul li a:visited,
					.social ul li a:hover,
					.social ul li a:active,
					.social ul li div.share-page {
						color: #4c4843;
						cursor: pointer;
						}
						li.delicious a {background: transparent url(../../assets/css/images/delicious.gif) no-repeat 0 0;}
						li.reddit a {background: transparent url(../../assets/css/images/reddit.gif) no-repeat 0 0;}
						li.digg a {background: transparent url(../../assets/css/images/digg.gif) no-repeat 0 0;}
						li.favorite a {background: transparent url(../../assets/css/images/favorite.gif) no-repeat 3px 0;}
						li.share div.share-page {
							background: transparent url(../../assets/css/images/share.gif) no-repeat 10px 0;
							border-left: 1px dotted #d6d6d6 ! important;
							padding-left: 35px ! important;
							}
						.fixed li.share a,
						.fixed li.share div.share-page {
							background: transparent url(../../assets/css/images/share.gif) no-repeat 0 0;
							border-style: none ! important;
							padding-left: 20px ! important;
							}
						.social ul li.print a {background: transparent url(../../assets/css/images/print.gif) no-repeat 8px 1px; padding-left: 30px;}

p, address, .adr {margin-bottom: 14px;}
.intro p {margin-bottom: 10px;}
.make-impact-intro {
	float: left;
	width: 595px;
	}
small {color: #a1988c;}
.right {
	margin-left: 20px;
	margin-bottom: 10px;
	}
	.make-an-impact .right {margin-right: 13px;}
h2, h3 {
	font: bold 17px "Times New Roman", Georgia, Times, serif;
	text-transform: uppercase;
	color: #6a645c;
	margin-bottom: 4px;
	line-height: normal;
	}
	.health-pro h2 {margin-top: 40px;}
	
/* the most widely used font size, used if it's not the main header on the page */
h2.fair-balance {
	clear: both;
	font-size: 13px;
	}
h2.fair-balance-big {
	clear: both;
	font-size: 17px;
	padding-top: 15px;
	}
h2.fair-balance-big em{
	font-style:italic;
	color: #6A645C;
}
h3 {
	font-size: 13px;
	margin-bottom: 3px;
	}
	.inside h3 {clear: both;}
	.inside h4 {font-size: 11px;}
	em {font-style: normal;}

	/* see also, exploder.css */
	span.three {display: inline;
		font-family: "Times New Roman", Georgia, Times, serif;
		background-image: none ! important;
		color: #6A645C ! important;
		text-decoration: none ! important;
		padding: 0 ! important;
		}
	h2 span.wronglower {
	text-transform: none ! important;
	}
	
	h3 span.wrong {
		top: -3px;
	}

	/* generic (blue) links. No visited links! that's helpful */
	a:link,
	a:visited {color: #2a71b5;}
	a:hover,
	a:active,
	a:focus {color: #2a2a2a;}
	
	a.pdf {background: transparent url(../../assets/css/images/pdf-icon.png) no-repeat 0 2px;
	padding: 4px 0 4px 24px;	
	}
	
	a.tip:link,
	a.tip:visited {
		color: #5683ae;
		border-bottom: 1px dotted #5683ae;
		text-decoration: none;
		}
	/* overwrite tip link defaults */
	a.normal:link,
	a.normal:visited {
		border-bottom: none;
		text-decoration: none;
		}
	a.normal:link span.link,
	a.normal:visited span.link {
		border-bottom: none;
		text-decoration: underline;
		}
	
	.social a.tip:link,
	.social a.tip:visited {border-bottom: none;}
	
		
		.home em {color: #AA0935;}
		.request-information em,
		.patient-product-information em,
		.prescribing-information em,
		.video em,
		.glossary em,
		.health-pro em {color: #b20937;}
		.facts-about-hpv em {color: #437294;}
		.learn-about-gardasil em {color: #aa0935;}
		.sitemap em {color: #aa0935;}
		.make-an-impact em {color: #cca437;}
		.more-for-parents em,
		.watch-real-story em {color: #cda158;}
		
		
		em.normal,
		.request-information em.normal,
		.patient-product-information em.normal,
		.prescribing-information em.normal,
		.video em.normal,
		.glossary em.normal,
		.health-pro em.normal,
		.facts-about-hpv em.normal,
		.learn-about-gardasil em.normal,
		.make-an-impact em.normal,
		.watch-real-story em.normal,
		.more-for-parents em.normal {
			color: #6a645c;
			font-style: italic;
			font-weight: bold;
			}
		

	/* added these base on comp 1.3.1 - hopefully any other lists will be the same */
	.inside ul, .inside ol {
		list-style-position: outside;
		margin-left: 15px;
		}
		.inside ul li {margin-bottom: 10px;}
		.inside ol ul {margin: 0;}
		.inside ol ul li {margin-bottom: 4px;}

h2.callout {
	background: #fff url(../../assets/css/images/facts-recommended.png) no-repeat 10px 0;
	float: right;
	width: 180px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	border-left: 1px dotted #333;
	padding: 45px 0 10px 10px;
	margin: 0 0 10px 5px;
	line-height: 16px;
	}
	
h3.doses {clear: both; float: left;width: 60%;}

.doses-video {
	width: 210px;
	margin-right: 0;
	margin-bottom: 0;
	padding-bottom: 5px;
	}
.appointment {
	padding: 0;
	margin: 0;
}

/* GENITAL WARTS, WHAT'S THE BIG DEAL? SHARE LINK */
/* content to the left */
.shared-tab-left {
	width: 50%;
	}
	.shared-tab-left-teens {
		width: 72%;
		}

/* entire share box */
.page-share-tabbed {
	position: absolute;
	top: 63px;
	left: 359px;
	width: 286px;
	height: 311px;
	}
	.page-share-tabbed {
		background: transparent url(../../assets/content/facts-genital-warts-stats.png) no-repeat 0 0;
	}

	.who-gets {
		position: absolute;
		left: 385px;
		width: 260px;
		height: 274px;
		background: transparent url(../../assets/content/facts-teens-share.png) no-repeat 0 0;
		}
	.who-gets-transmission {
		position: absolute;
		left: 385px;
		width: 260px;
		height: 274px;
		background: transparent url(../../assets/content/more-you-should-know.png) no-repeat 0 0;
		}

	.teens-protection {
		position: absolute;
		left: 479px;
		width: 166px;
		height: 107px;
		background: transparent url(../../assets/content/teens-protection.png) no-repeat 0 0;
		}
		
		
	.tip-content img.warts {margin: 15px auto ! important;}
	/* share link w/in box */
	
	.page-share-tabbed .share-page {
		display: block;
		width: 105px;
		height: 40px;
		position: absolute;
		top: 0;
		left: 150px;
		cursor: pointer;
		}
	.teens-protection .share-page {
		left: 58px;
		}

		.page-share-tabbed span.link {
			position: relative;
			text-indent: -9009px ! important;
			text-decoration: none;
		}

		.share-page {border-style: none ! important;}
	.page-share-tabbed p.pics {
		width: 218px;
		position: absolute;
		top: 248px;
		right: 48px;
		}
	.page-share-tabbed p.teens-link {
		display: block;
		width: 204px;
		height: 206px;
		position: absolute;
		top: 61px;
		right: 52px;
		}
		.page-share-tabbed p.teens-link a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -9999px;
			}
		
		/* /REQUEST INFORMATION FORM */
		.info-prefer {
			margin-top: 10px;
			}
			.info-prefer p.left {border-style: none;}
		/* HPV chart on HPV Types page */
		img.hpv-play-video {margin-left: 50px;margin-top:10px;margin-bottom:10px;}
		
		/* language list on patient product information */
		ul.language-list {
			height: 40px;
			margin-left: 0;
			padding-left: 0;
			}
		ul.language-list li {
			display: block;
			float: left;
			width: 92px;
			margin-bottom: 4px;
		}
			
/* NEXT STEPS navigation from within content */
.next-steps {height: 60px;}
.learn-about-gardasil .next-steps,
.request-information .next-steps,
.prescribing-information .next-steps,
.patient-product-information .next-steps {
	background: transparent url(../../assets/css/images/next-steps-learn.png) no-repeat bottom left;
	}
.facts-about-hpv .next-steps {
	background: transparent url(../../assets/css/images/next-steps-facts.png) no-repeat bottom left;
	}
.make-an-impact .next-steps {
	background: transparent url(../../assets/css/images/next-steps-impact.png) no-repeat bottom left;
	}
.more-for-parents .next-steps {
	background: transparent url(../../assets/css/images/next-steps-parents.png) no-repeat bottom left;
	}
.glossary .next-steps
 {
	background: transparent url(../../assets/css/images/next-steps-glossary.png) no-repeat bottom left;
	height: 24px;
	}
.next-steps h4 {display: none;}
.next-steps ul {
	margin: 0;
	font: bold 11px Arial, Helvetica;
	letter-spacing: -1px;
	padding: 18px 0 0 130px;
	padding: 0;
	position: relative;
	top: 18px;
	left: 120px;
	}
	.next-steps ul li {
		display: inline;
		padding-left: 30px;
		padding-bottom: 0;
		vertical-align: baseline;
		}
	/* add this class to next step navs that are too wide
		tighten and tighten some more
	 */
	.tighten ul li {padding-left: 25px;}
	.more ul li {/*padding-left: 15px;*/padding-left: 20px;}
		.next-steps ul li a:link,
		.next-steps ul li a:visited {
			color: #fff;
			background: inherit;
			text-decoration: none;
			padding-bottom: 6px;
			}
			/* overwrite each sections link color */
			.facts-about-hpv .next-steps ul li a:link,
			.facts-about-hpv .next-steps ul li a:visited {
				color: #dbe3eb;
				}
			.learn-about-hpv .next-steps ul li a:link,
			.learn-about-hpv .next-steps ul li a:visited {
				color: #e8b6c4;
				}

		.next-steps ul li a:hover,
		.next-steps ul li a:active,
		.next-steps ul li.current a {
			color: #fff ! important;
			text-decoration: none;
			background: transparent url(../../assets/css/images/arrow.gif) no-repeat bottom center;
			}
.content-wrapper-foot {
	display: none;
	height: 6px;
	background: transparent url(../../assets/css/images/content-wrapper-foot.jpg) no-repeat 0 0;
	line-height: 1px;
	}


/* body foot*/
.body-foot {
	height: 51px;
	background: transparent url(../../assets/css/images/body-footer.png) no-repeat 0 0;
	}
	
p.outro {
	width: 100%;
	text-align: center;
	margin: -15px auto 18px auto;
	}

/********************
FORMS
*********************/
iframe, frame {
	border-width: 0;
	width: 520px;
	height: 1100px;
	overflow: hidden;
	}
.request-information iframe,
.request-information frame {
	height: 1000px;
	}
iframe.advocacy {
	height: 823px;
	}
.health-pro iframe,
.health-pro frame {
	width: 515px;
	height: 430px;
	overflow: auto;
	}
fieldset {border: 0;}

 .left form {
	}
	.left .form-wrap {
		margin-bottom: 0px;
		_margin-bottom:-15px;
		padding-right: 20px;
		border-right: 1px dotted #333;
		width: 500px;
		}
	.left .form-wrap-friend {
		margin-bottom: 0;
		padding-right: 15px;
		padding-bottom: 0px;
		border-right: 1px dotted #333;
		width: 350px;
		}
		
.make-an-impact .left,
.request-information .left,
.learn-about-gardasil .learn-form {
	margin-top: 30px;
 	}
.privacy,
.example { 
	width: 260px;
	border: none;	
	margin-left: 15px;
	margin-left: 0;
	}
	.example {width: 430px; padding-left: 15px;}	
	.privacy {padding-left: 15px;}
.example ul {margin-top: 4px;margin-left: 0;}
.example ul li {margin-bottom: 2px;margin-left: 0;}
.make-an-impact form .let-a-friend-know {
	width: 95%;
	margin-left: 0;
	}
form .example {
	/* width: 380px; */
	width: 360px;
	margin-left: 30px;
	margin-bottom: 35px;
	}
	/* .example .email {color: #000;background: inherit;} */
	.example h3 {text-transform: none;}
	.privacy strong {
		font: bold 13px Georgia, "Times New Roman", Times, serif;
		text-transform: uppercase;
		border-bottom: 1px solid #6a645c;
		}
	.privacy p {
		margin-top: 5px;
		}
.age {margin-bottom: 20px;}
.age label {
	display: block;
	float: left;
	}
.age input {
	display: block;
	float: left;
	margin: 2px 10px 0 0;
	}
legend {display: none;}

/* used on fieldsets */
.about-yourself {clear: both;}
.about-yourself{
	margin-left: 24px;
	}
.tell-friend {
	margin-left: 0;
	}
	.tell-friend {margin-right: 10px;}

.about-yourself div,
.tell-friend div {
	padding-bottom: 24px;
	clear: both;
	overflow: auto;
	}
	.ie-open {height: 24px;}
	.error {color:#b40838 ! important;}
	/* p.error {
		margin: 4px 0 0 170px;
		clear: both;
		} */
	p.cleared {
		margin-left: 0;
		}
	p.age {margin-left: 28px;}
	
/*********************************************
OVERWIRTE SOME VALUES FOR CALLBACK FORM
**********************************************/
.health-pro .about-yourself{
	margin-left: 0;
	}

.health-pro input.zip {width: 100px;}
.health-pro .about-yourself label {
	width: 100px;
	text-align: left;
	}
.health-pro .about-yourself div,
.health-pro .tell-friend div {
	padding-bottom: 5px;
	clear: both;
	overflow: auto;
	}	
	.area-code,
	.prefix {width: 30px;}
	.line-number {width: 40px;}
.health-pro .about-yourself .extension label {width: 55px;margin-left: 10px;}
	.extension {clear: none ! important;}

.about-yourself label,
.tell-friend label {
	display: block;
	float: left;
	width: 160px;
	text-align: right;
	/* margin: 0 10px 24px 0; */
	margin: 0 10px 0 0;
	}
	/* used on /make-an-impact/let-a-friend-know/ */
	/* .group label {margin-bottom: 15px;} */
	input, textarea, select {color: #6a645c;}
	
	select {
		float: left;
		margin-right: 20px;
		}

	.address input {width: 225px;}
	.zip {clear: none; float: left;}
	input.zip {width: 50px;}
	label.zip {width: 70px;}
	
.mail label.email {margin-right: 10px;}
.mail input.email {margin-right: 20px;}
.mail {margin: 15px 0;}
button#reminder-submit,
button#tell-submit {
	display: block;
	text-indent: -9009px;
	width: 118px;
	height: 48px;
	background: transparent url(../../assets/css/images/learn-mail-button.jpg) no-repeat 0 0;
	border-style: none;
	margin: 0 0 15px 0;
	}
	
button#tell-submit {
	background-image: url(../../assets/css/images/impact-tell-button.jpg);
	}
button#parents-daughter-print,
button#learn-talking-print
 {
	display: block;
	text-indent: -9009px;
	width: 235px;
	height: 52px;
	background: transparent url(../../assets/css/images/parents-daughter-button.jpg) no-repeat 0 0;
	border-style: none;
	margin: 5px 0 15px -10px;
	}
button#learn-talking-print {
	background: transparent url(../../assets/css/images/learn-talking-button.jpg) no-repeat 0 0;
}	

	
/*********************************************
DECORATIVE CALLOUTS (Mainly on landing pages)
**********************************************/
ol.decoration {
	width: 618px;
	height: 160px;
	margin: 0 27px 20px 0;
	padding: 29px 0 0 30px;
	background: transparent url(../../assets/css/images/decoration/Section1.0_bodycallout.png) no-repeat top left;
	float: left;
	}
	.more-for-parents .decoration {
		background: transparent url(../../assets/css/images/decoration/Section4.0_bodycallout.png) no-repeat top left;
		padding-top:25px;
		margin-right: 0;
		width: 715px;
		height: 148px;
		}
	.learn-about-gardasil .decoration {
		width: 852px;
		height: 217px;
		padding-top: 30px;
		background: transparent url(../../assets/css/images/decoration/Section2.0_bodycallout.png) no-repeat top left;
		clear: both;
		margin: 20px 0;
		position: relative;
		left: -10px;
		}
	.make-an-impact .decoration {
		/* width: 842px; */
		width: 588px;
		height: 100px;
		padding-top: 60px;
		background: transparent url(../../assets/css/images/decoration/Section3.0_bodycallout.png) no-repeat top left;
		margin: 20px 0 14px 10px;
		clear: both;
		margin-right: 0;
		position: relative;
		left: -10px;
		}
			
		.learn-about-gardasil .key {
			width: 470px;
			height: 125px;
			padding: 58px 0 0 100px;
			margin: 0 0 30px -7px;
			background-image: url(../../assets/css/images/decoration/learn-3-key.png);
			}
		.learn-about-gardasil .sms {
			width: 420px;
			height: 210px;
			margin-right: 0;
			padding: 54px 0 0 150px;
			background-image: url(../../assets/css/images/decoration/learn-sms.jpg);
			}
		.learn-about-gardasil .thanks {
			width: 558px;
			height: 72px;
			margin-right: 0;
			padding: 60px 0 0 0;
			background-image: url(../../assets/css/images/decoration/learn-3-key-thanks.png);
			}
			
		.decoration li {
			display: block;
			float: left;
			width: 156px;
			padding: 0 10px 0 0;
			list-style-type: none;
			line-height: 16px;
			font-size: 11px;
			}
			.decoration li.two {width: 188px; padding-left: 20px;}
			.decoration li.three {width: 153px; padding-left: 22px;}
			
			.learn-about-gardasil .decoration li {
				width: 220px;
				padding-left: 5px;
			}
			.learn-about-gardasil .decoration li.two {
				width: 260px; 
				padding: 0 0 0 28px;
			}
			.learn-about-gardasil .decoration li.three {
				width: 250px; 
				padding-left: 28px;
			}	
			.learn-about-gardasil .decoration li.four {
				width: 220px; 
				padding-left: 5px;
				margin-top: 25px;
			}	
			.learn-about-gardasil .decoration li.five {
				width: 260px; 
				padding-left: 28px;
				margin-top: 25px;
			}
			.learn-about-gardasil .decoration li.six {
				width: 250px; 
				padding-left: 18px;
				margin-top: 25px;
			}
			
			.more-for-parents .decoration li {
				width: 155px;
			}
			.more-for-parents .decoration li.two {
				width: 174px; 
				padding: 0px;
				margin-right: 0;
			}
			.more-for-parents .decoration li.three {
				width: 180px; 
				padding-left: 0px;
				margin-right: 0;
				padding-right: 0;
			}
			.more-for-parents .decoration li.four {
				width: 180px; 
			}
			
			.make-an-impact .decoration li {
				padding-left: 10px;
				width: 159px;
				padding: 0;
				margin-left: 0px;
				}
			.make-an-impact .decoration li.two {
				width: 171px;
				padding-right: 0;
				margin-left: 20px;
				}
			/* 3 IS KEY */
			.learn-about-gardasil .key li.two {padding:0 0 0 97px;}
			/* 3 IS KEY */
			.learn-about-gardasil .thanks li {width: 558px;text-align: center;}
			/* SMS */
			.learn-about-gardasil .sms li {
				font-size: 10px;
				font-weight: bold;
				line-height: 12px;
				float: none;
				width: 360px;
				margin-bottom: 8px;
				}
			.make-an-impact .decoration li.three {width: 170px; padding: 0;margin-left: 35px;}
					
			.decoration a:link,
			.decoration a:visited {
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none;
				color: #6a645c;
				}
			.decoration a:hover,
			.decoration a:active {
				color: #437294;
				}
				.decoration a:hover strong {
					color: #6A645C;
				}

			/* MAKE AN IMPACT LINKS COVER UP ENTIRE AREA */
			.make-an-impact .decoration a:link,
			.make-an-impact .decoration a:visited {
				margin-top: 40px;
				}
				
			.learn-about-gardasil .decoration a:hover,
			.learn-about-gardasil .decoration a:active {
				/* color: #b30938; */
				background: inherit;
				}
			.make-an-impact .decoration a:hover,
			.make-an-impact .decoration a:active {
				color: #cca437;
				}
			.more-for-parents .decoration a:hover,
			.more-for-parents .decoration a:active {
				color: #cda158;
				}
				
			.decoration a:hover strong,
			.decoration a:active strong {
				}	

			.decoration strong {
				display: block;
				margin-bottom: 4px;
				text-transform: uppercase;
				font: bold 12px Georgia, "Times New Roman", Times, serif;
				}
				.key strong {
					font-size: 11px;
					text-transform: none;
					margin-bottom: 3px;
					}
			.decoration span {
				padding-right: 20px;
				background: transparent url(../../assets/css/images/decoration/arrow.png) no-repeat right 1px;
				font-weight: bold;
				z-index: 300;
				}
			.decoration span span{
				padding-right:0px;
				background:none;
				font-weight: bold;
				display:inline-block;
				}
				/* its late and time to get ugly */
				.decoration li.two a.forcewrap {
					width: 124px ! important;
					background: transparent url(../../assets/css/images/decoration/arrow.png) no-repeat 65px 20px;
					}
				.decoration li.two a.forcewrap span {
					background-image: none;
					}
				/* lets do it again, this time on the "make an impact" page! */
				.decoration li.three a.forcewrap {
					width: 124px ! important;
					background: transparent url(../../assets/css/images/decoration/arrow.png) no-repeat 69px 80px;
					}
				.decoration li.three a.forcewrap span {
					background-image: none;
					}
			
			.decoration a:link span,
			.decoration a:visited span {
				text-decoration: underline;
				color: #2a71b5;
			}
			.decoration a:hover span,
			.decoration a:active span {
				text-decoration: underline;
			}
			
/* DYNAMIC QUESTIONS BOX ON /more-for-parents/questions-daughters-doctor/ */
.dynamic-top {
	padding: 50px 0 0 30px;
	height: 28px;
	background: #fff url(../../assets/css/images/decoration/Section4.4_bodycallout.png) no-repeat 0 0;
	}

.dynamic-center {
	width: 527px;
	margin: 0;
	padding: 0;
	background: #fff url(../../assets/css/images/decoration/parents-questions-middle.jpg) repeat-y 0 0;
	}	
	.dynamic-center ol {
		margin: 0;
		padding: 0 30px 10px 70px;
		overflow: hidden;
		}
	.dynamic-center h3 {
		margin: 5px 0 5px 30px;
		width: 85%;
		padding: 10px 0 0 0;
		border-top: 1px dotted #999;
		}
.dynamic-bottom {
	width: 442px;
	height: 180px;
	padding: 0 60px 0 30px;
	margin:0 0 15px 0;
	background: #fff url(../../assets/css/images/decoration/Section4.4_bodycallout.png) no-repeat 0 -220px;
	}
	#add-question input {
		width: 300px;
		margin-right: 8px;
		float: left;
		}
	#add-question a,
	#your-questions a.delete {
		font-weight: bold;
		padding-left: 15px;
		background: transparent url(../../assets/css/images/add-delete.png) no-repeat 0 -13px;
		}
		#your-questions a.delete {background-position: 0 -30px;}

#your-questions li {
	position: relative;
	vertical-align: top;
	list-style-type: decimal;
	}
#your-questions li span {
	position: absolute;
	top: 0;
	right: 50px;
	}
#your-questions li p {
	width: 72%;
	margin: 0;
	padding: 0;
	}	

/* ALL BOXES ON CONTENT SUB PAGES */
/* generic box (FACTS) - right margin on these affect floats in IE 6  */

.box {
	width: 256px;
	padding: 0;
	margin: 0 30px 25px 0; 
	float: left;
	}
	.box ul {
		margin: -5px 0 0 0;
		padding: 0;
		list-style-position: outside;
		list-style-image: none;
		list-style-type: none;
		width: 100%;
		}
		.box ul li {
			margin: 18px 0 0 0;
			line-height: 15px;
			}
			.box ul li.middle {
				margin-bottom: 10px;
				border-bottom: 1px dotted #6a645c;
				padding-bottom: 20px;
				}
/* overwrite other boxes by adding these second classes */
.diseases {
	width: 409px;
	/* height: 128px; */
	padding: 0px 50px 0 50px;
	text-align: center;
	/* background: transparent url(../../assets/css/images/facts-diseases-box.png) no-repeat 0 0; */
	margin: 0 0 30px 10px;
	}
	.diseases ul li.middle {padding-bottom: 10px;margin-bottom: 0;}
	.diseases ul,
	.info ul {
		margin: 0;
		list-style: none;
		}
		.diseases ul li {
			margin-top: 10px; 
			text-transform: uppercase;
			font-weight: bold;
			}
.info {
	/* keep a little wider than it needs to be, to keep LI's from wrapping */
	width:573px;
	height: 143px;
	padding:5px 0 0 25px;
	margin-right: 0;
	background: transparent url(../../assets/css/images/facts-info-box.png) no-repeat 0 0;
	text-align: left;
	}
	.info ul li {
		float: left;
		width: 45%;
		padding: 0;
		}
	.info ul li.info-wider {
		width: 200px;
		padding: 0;
		padding-left: 20px;
		}

/* Gardasil-and-your-daughter */
.daughter {
	float: left;
	width: 236px;
	height: 510px;
	background: transparent url(../../assets/css/images/decoration/Section4.2_bodycallout.png) no-repeat 0 0;
	padding: 14px 10px 10px 10px;
	text-align: center;
	margin: 0 0 0 14px;
	font-size: 10px;
	}
	.daughter h4 {
		text-transform: uppercase;
		font: bold 12px Georgia, "Times New Roman", Times, serif;
		margin-bottom: 10px;
		padding-bottom: 8px;
		border-bottom: 1px dotted #31302f;
		}
	.daughter p {margin-bottom: 15px;}
	.daughter ul {
		margin: 0; padding: 0;
		}
		.daughter ul li {
			list-style-type: none;
			margin: 0 12px 12px 12px;
			line-height: 15px;
			}
	/* gardasil and your daughter page */
.gardasil-daughter {
	width: 276px;
	}
.gardasil-daughter ul {
	line-height: 14px;
	}
.gardasil-daughter ul li {
	margin: 4px 0;
}
h3.gardasil-daughter-lead {
	width: 150px;
	}

/* FAQ PAGE */
ol.faq {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 0;
	margin-left: 0;
	}
	ol.faq li h2 {
		text-transform: none;
		font: normal 11px Verdana, Arial, Sans-serif;
		margin-bottom: 0;
		line-height: 18px;
		}
hr.faq {
	height: 1px;
	display: block;
	border-style: none;
	border-top: 1px dotted #333;
	margin-bottom: 18px;
	margin-top: 18px;
	outline: none;
	}

em.faq {
	color: #6a645c;
	font-style: italic;
	}

/* PAYING FOR GARDASIL PAGE */
.columnwrap {
	background: transparent url(../../assets/css/images/learn-paying-columns.jpg) no-repeat 0 112px;
	overflow: auto;
	overflow: visible;
	padding-bottom: 30px;
	}
.column {
	float: left;
	width: 269px;
	line-height: 15px;
	}
	
	.column * {padding: 0 18px;}
	.column * * {padding: 0;}
	.column ul li {margin-bottom: 4px;}
	.children {margin-right: 18px;}
	.column h2 {
		width: 147px;
		height: 70px;
		padding: 44px 110px 0 19px;
		font-size: 12px;
		color: #333;
		background: #fff url(../../assets/css/images/learn-paying.jpg) no-repeat bottom left;
		margin-bottom: 20px;
		}
		.children h2 {
			height: 68px;
			padding-top: 44px;
			background: #fff url(../../assets/css/images/learn-paying-children.jpg) no-repeat bottom left;
			}
		.column em {
			display: block;
			margin-top: 5px;
			font-weight: bold;
			background:transparent url(../../assets/css/images/column-arrow.png) no-repeat 95px 2px;
			padding-right: 20px;
			}	

/* MAKE AN IMPACT */
.impact-group {
	clear: both;
	position: relative;
	top: -75px;
	margin: 0;
	}
.make-an-impact .inside hr {
	margin: 0;
	padding: 0;
}
/* see exploder.css for slight adjustment */	
.impact-callouts {
	padding-left: 0;
	margin-left: 0;
	position: relative;
	top: -102px;
	right: -43px;
	}
.impact-let-friend {
	position: relative;
	top: -90px;
	left: 0px;
		}
	.impact-callouts a {
		color: #6a645c ! important;
		padding-right: 18px;
		background: transparent url(../../assets/css/images/decoration/arrow.png) no-repeat bottom right;
	}
	.impact-callouts a:hover {color: #2a71b5 ! important;}
	.impact-callouts h4 {
		text-transform: uppercase;
		font: bold 12px "Times New Roman", Georgia, Times, serif;
	}

ul.tools {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	.tools li {
		border-bottom: 1px dotted #c0b9b2;
		padding: 10px 70px 10px 122px;
		background: #fff url(../../assets/css/images/impact-tools.gif) no-repeat 0 0;
		}
		li.powerpoint {background-position: 0 -80px;}
		li.tips {
			background-position: 0 -196px;
			border-bottom: none;
			}
		/* IE needs this to be display: inline, we do just that in exploder.css */
		.tools li a,
		.tools li a.tip {
			/*display: inline;*/
			width: 100%;
			height: 100%;
			text-decoration: none;
			color: #6a645c;
			border-bottom: none;
			}
			.tools strong {
				display: block;
				margin-bottom: 2px;
				text-transform: uppercase;
				font: bold 12px Georgia, "Times New Roman", Times, serif;
				}
				.tools strong.iespecialty {text-transform: none;}
			.tools span {
				color: #cca437;
				text-decoration: underline;
				padding-right: 20px;
				background: transparent url(../../assets/css/images/home/impact-arrow.png) no-repeat right 0px;
				font-weight: bold;
				}
			.tools li a span {
					color: #cca437;
					text-decoration: underline;
					
				}
				.tools li.e-card a span {
					text-decoration: none;
					font-weight: normal;
					color: #6a645c;
					background-image: none;
					}
/**********************************************
 MAKE AN IMPACT HAVE SOME FUN!
overwrite .tools 

This should really be in a seperate CSS file
***********************************************/

#spread {
	position: absolute;
	left: 430px;
	top: 310px;
	}
.fun a:hover {color: #6a645c;}
	.fun li {
		/* line-height: 18px; */
		border-bottom: 1px dotted #c0b9b2;
		padding: 10px 0 10px 122px;
		clear: both;
		/* overflow: auto; */
		}
		
		/* change this to overflow: auto; in IE (see exploder.css) */
		/* .fun li.e-card {overflow: visible;}*/
		.fun li a span.expand {
			background: #fff url(../../assets/css/images/impact-fun/expand-collapse.png) no-repeat 0 0;
			padding-right: 0;
			padding-left: 15px;
			text-transform: uppercase;
			text-decoration: none;
			}
			
			.fun li ul li a {
				text-decoration: underline;
				}
			.fun li.e-card a span.expand {
				background: #fff url(../../assets/css/images/home/impact-arrow.png) no-repeat right 1px;
				padding-left: 0;
				padding-right: 15px;
				text-decoration: underline;
				font-weight: bold;
				color: #cca437;
				}
				/* IE needs this for visited links */
				li.e-card a.tip {border-style: none ! important;}
				
			.fun li a span.collapse {
				background-position: 0 -22px;
				}
		li.wallpapers {background: #fff url(../../assets/css/images/impact-fun/wallpapers.png) no-repeat 0 0;}
		li.buddy-icons {
			background-image: url(../../assets/css/images/impact-fun/buddy-icons.png);
			/* width: 50%; */
			}
		li.tshirts {
			background-image: url(../../assets/css/images/impact-fun/t-shirts.png);
			/* width: 40%; */
			}
		li.e-card {
			background-image: url(../../assets/css/images/impact-fun/e-card.png);
			padding-bottom: 25px;
			}
		li.screensavers {
			background-image: url(../../assets/css/images/impact-fun/screensavers.png);
			}
			
		li.banner {
			background-image: url(../../assets/css/images/impact-fun/banner.png);
			/* border-bottom: none; */
			}
		#banner1,#banner2 {margin-bottom: 25px;}
/************************
EXPANDED OPTINS FOR FUN
*************************/
		/* WALLPAPERS */
		.expanded-options  {
			display: none;
			clear: both;
			}
		.wallpapers ul,
		.screensavers ul {
			margin: 0 0 0 -10px;
			margin: 0;
			padding: 0;
			}
		/* overwrite default settings of .tools li's and .fun Li's */
		.tools li.wallpapers li,
		.tools li.screensavers li {
			background-image: none;
			}
		.fun li.wallpapers li,
		.fun li.screensavers li {
			padding: 0;
			border-bottom: none;
			margin-top: 5px;
			}
	/*****Tools to Share page pi and ppi links********/
.funpi{
  line-height:150%;
  color: #cca437;
  font-weight:bold;
}
.funpi a{
  color: #cca437;
  text-decoration:underline;
}
.funpi a:hover{
   color: #cca437;
   text-decoration:underline;
}
.funpi a:visited{
   color: #cca437;
   text-decoration:underline;
}
.funpi a:active{
   color: #cca437;
   text-decoration:underline;
}
.funpi span{
  padding-left:60px;
}		
		
	/* INDIVIDUAL LI's FOR EACH AVAILABLE WALLPAPER */
	.expanded-options  li {
		list-style-type: none;
		overflow: hidden;
		}
		li.expanded-item {height: 70px;}
		.expanded-item p.icon {
			margin: 0;
			}
		.second-wallpaper .icon {}
		
	/*  WOW, we really need to get specific here
		each LI WITHIN each individual wallpaper */
	.fun li.wallpapers ul.expanded-options li ul li,
	.fun li.screensavers ul.expanded-options li ul li {
		width: 110px;
		clear: none;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		}
	.fun li.wallpapers ul.expanded-options li ul li.color-selection,
	.fun li.screensavers ul.expanded-options li ul li.color-selection {
		width: 140px;
		margin-bottom: 0;
		padding-top: 8px;
		}
		.fun li.wallpapers ul.expanded-options li ul li.color-selection strong,
		.fun li.screensavers ul.expanded-options li ul li.color-selection strong {
			text-transform: none;
			margin-bottom: 0;
			}
		.fun li.wallpapers ul.expanded-options li ul li.color-selection p,
		.fun li.screensavers ul.expanded-options li ul li.color-selection p {
			margin-bottom: 5px;
			padding-left: 3px;
			}
			/* Squares of color */
			.color-selection ul {
				margin: 0;
				padding: 0;
				clear: none;	
				float: left;
				}

				/* Each color option LI that sits within each .color-selection UL
				MUST keep height set on both this selector AND its child anchor)
				*/
				.fun li.wallpapers ul.expanded-options li ul li.color-selection ul li,
				.fun li.screensavers ul.expanded-options li ul li.color-selection ul li {
					overflow: hidden;
					float: left;
					height: 23px;
					width: 29px;
					margin: 0;
					padding: 0;
					background: #fff url(../../assets/css/images/impact-fun/color-options.png) no-repeat 0 0;
					}
					li.color-2 {background-position: -29px 0 ! important;}
					li.color-3 {background-position: -56px 0 ! important;}
					li.color-4 {background-position: -84px 0 ! important;}
					
					/* anchors within each color-option LI */
					.fun li.wallpapers ul.expanded-options li ul li.color-selection ul li a,
					.fun li.screensavers ul.expanded-options li ul li.color-selection ul li a {
						display: block;
						height: 23px;
						width: 100%;
						text-indent: -9999px;
						}

		/* BUDDY ICONS */
		ul.expanded-icons {
			display: none;
			margin: 10px 0 0 0;
			padding: 0;
			overflow: auto;
			height: 90px;
			}
			.tshirts ul.expanded-icons {height: 175px;}
		ul.expanded-icons li {
			display: block;
			float: left;
			clear: none;
			width: 100px;
			margin: 0;
			list-style-type: none;
			list-style-position: inside;
			border-style: none;
			background-image: none;
			margin: 0;
			padding: 0;
			}
			li.tshirts ul.expanded-icons li {width: 135px;}
			ul.expanded-icons li p.icon {
				margin-bottom: 3px;
				}
			.tshirts ul.expanded-icons li p.icon {
				margin-bottom: 0;
				}
				
				ul.expanded-icons li a {
					padding-left: 4px;
					}
				li.tshirts ul.expanded-icons li a {
					padding-left: 0;
					}
				li.tshirts ul.expanded-icons li a.text {
					padding-left: 11px;
					}
					
		ul.expanded-banners {
			display: none;
			margin: 10px 0 0 -20px;
			}
		ul.expanded-banners textarea {
			width: 426px;
			height: 65px;
			overflow: hidden;
			margin-bottom: 5px;
			}
		ul.expanded-banners img {
			margin-bottom: 20px;
			}
			
		ul.expanded-banners li {
			list-style-type: none;
			border-style: none;
			background-image: none;
			margin: 0;
			padding: 0;
			}
				
		.fun li ul a {
			color: #d3a13d;
			text-decoration: none;
			display: inline;
			}

/*********************************************
VIDEOS PAGE
see also video-popup.css for popup video pages
**********************************************/
#testimonial-player {
	clear: both;
	width: 800px;
	margin-left: 40px;
	margin-bottom: 0px;
	position: relative;
	top: -20px;
	background: transparent;
	}
	/* move the non-flash paragraph back down */
	#testimonial-player p {
		position: relative;
		top: 20px;
	}

/*************
SITEMAP PAGE
**************/
h2.sitemap {
	padding-bottom: 4px;
	border-bottom: 1px dotted #999;
	}
ul.sitemap {list-style-type: none;}
/* second two UL's */
ul.more-sitemaps {
	margin-top: 46px;
	margin-left: 40px;
	}

ul.sitemap * {list-style-type: none; padding-left: 0;}
ul.sitemap ul {
	margin-top: 10px;
	}
	ul.sitemap ul ul {
		margin-top: 0;
		margin-bottom: 0;
		}
	ul.sitemap ul li {
		margin-bottom: 10px;
		}
	ul.sitemap ul ul li {
		margin-bottom: 0px;
		}
	
/**************************
BEGIN TOOL TIP CSS
see tool tips in exploder.css
**************************/

#content-fixed div.inside, #content div.inside {}
span.ie-tip {
	/* position: relative; */
	}
a.tip,
div.tip,
a.tipreversal {
	position: relative;
	}

span.tip-content,div.tip-content,span.tip-bottom {
	display: none;
	position: absolute;
	bottom: 46px;
	left: 0;
	width: 253px;
	background: transparent url(../../assets/css/images/tool-tips-content.png) no-repeat 0 0 ! important;
	padding: 20px 20px 5px 20px;
	color: #6a645c;
	cursor: pointer;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	z-index: 900;
	_z-index: 9000;
	line-height: 18px;
	}
	span.tip-bottom {
		display: none;
		padding: 0;
		width: 293px;
		bottom: 13px;
		height: 33px;
		background: transparent url(../../assets/css/images/tool-tips-bottom.png) no-repeat 0 0 ! important;
		}
		
		.tip-content strong {
			display: block;
			border-bottom: 1px dotted #c1c1c1;
			font: bold 12px Georgia;
			padding-bottom: 3px;
			margin-bottom: 5px;
			color: #6a645c;
			}
			.tip-content span.strong {font-weight: bold;}

		.tip-content em {
			text-decoration: underline;
			font-style: normal;
			color: #5683ae;
			padding-right: 14px;
			background: transparent url(../../assets/css/images/tool-tips-arrow.png) no-repeat right 2px;
			}
		.social .tip-content em {display: none; 
			padding-right: 7px;
			background-image: none;
			}
			.tip-content span.p {
				display: block;
				padding-top: 5px;
				}
		/* genital warts photo */
		a.click span.tip-content {text-align: center;}
		.tip-content img {
			margin: 0 auto;
			}
			.click span.tip-content #warts-close {
				width: 14px;
				height: 14px;
				background: transparent url(../../assets/css/images/tell-friend-close.png) no-repeat 0 0;
				position: absolute;
				top: 10px;
				right: 10px;
				text-indent: -9999px;
			}
			.click span.tip-content #warts-close:hover {
				background-position: -14px 0;
			}
/* THE OLD TIP REVERSAL */
a.tipreversal {text-decoration: none ! important;}
a.tipreversal span.link {text-decoration: underline ! important;}
a.tipreversal span.tip-content,
a.tipreversal span.tip-bottom {
	display: none;
	position: absolute;
	top: 43px;
	left: -55px;
	width: 253px;
	height: 195px;
	background: transparent url(../../assets/css/images/tool-tips-content-reversed.png) no-repeat bottom left ! important;
	padding: 0px 20px 5px 20px;
	color: #6a645c;
	cursor: pointer;
	z-index: 300;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	z-index: 900;
	}
	a.tipreversal span.tip-bottom {
		display: none;
		padding: 0;
		width: 293px;
		top: 10px;
		height: 33px;
		background: transparent url(../../assets/css/images/tool-tips-bottom-reversed.png) no-repeat 0 0 ! important;
		}
		a.tipreversal .tip-content strong {
			display: block;
			border-bottom: 1px dotted #c1c1c1;
			font: bold 12px Georgia;
			padding-bottom: 3px;
			margin-bottom: 5px;
			color: #6a645c;
			}
/*************************************
TELL A FRIEND - Send an email pop up
**************************************/
#tell-title {
	background: transparent url(../../assets/css/images/tell-friend-top.png) no-repeat 0 0;
	color: #6A645C;
	height: 35px;
	width: 403px;
	position: absolute;
	top: 38px;
	left: 550px;
	z-index: 201;
	}
.tell-friend-pop {
	position: absolute;
	top: 73px;
	left: 550px;
	}
	div.tell-friend-content form {margin: 14px 0 0 0 ! important;}
	div.tell-friend-content {
		display: block;
		width: 363px;
		height: 255px;
		padding: 0 20px 5px 20px;
		background: transparent url(../../assets/css/images/tell-friend-content.png) bottom left no-repeat;
		z-index: 300;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #6a645c;
		}
		a#tell-friend-close {
			display: block;
			position: absolute;
			top: 28px;
			right: 12px;
			z-index: 301;
			}

		.tell-friend-content strong {
			display: block;
			border-bottom: 1px dotted #c1c1c1;
			font: bold 12px Georgia;
			padding-bottom: 5px;
			margin-bottom: 7px;
			}
			.tell-friend-content fieldset strong {
				border-style: none;
				margin-bottom: 0;
				}		
		.tell-friend-content span p {
			display: block;
			line-height: 14px;
			margin-bottom: 14px;
			}
			.tell-friend-content p.email-intro {
				border-bottom: 1px dotted #c1c1c1 ! important;
				padding-bottom: 4px;
				margin-bottom: 1px;
				}
			.tell-friend-content p.email-txt {
				background: inherit;
				margin-bottom: 0;
				padding-top: 4px;
				}
			
		.tell-friend-pop fieldset {
			margin: 4px 0 0 0;
			padding: 0;
			width: 160px;
			}
		.tell-friend-pop fieldset.example-email {
			margin: 4px 0 0 0;
			padding: 0 0 0 10px;
			width: 180px;
			border-left: 1px dotted #c1c1c1 ! important;
			}
		.tell-friend-pop .left {border-style: none ! important;}
		.tell-friend-content label {
			display: block ! important;
			float: none ! important;
			margin: 0 0 5px 0! important;
			text-align: left ! important;
			font-weight: bold;
			}
			.tell-friend-content input {
				font: normal 10px verdana, arial, helvetica, sans-serif;
				width: 140px;
				padding: 2px;
				}
			/* your email div */
			.tell-friend-content .yours {
				margin-top: 8px;
				margin-bottom: 25px;
				}
		.tell-friend-content em {
			text-decoration: underline;
			font-style: normal;
			
			}
		#tell-friend-submit {
			padding-right: 16px;
			background: transparent url(../../assets/css/images/tool-tips-arrow.png) no-repeat right 2px;
		}
/**************
SHARE PAGE
***************/

			.tip input {
				font: normal 10px verdana, arial, helvetica, sans-serif;
				width: 240px;
				padding: 2px;
				margin: 6px 0 4px 0;
				}
		
			.story{
				font: normal 10px verdana, arial, helvetica, sans-serif;
				color:red;
				}
				
.img-group-fun {
padding-left:40px;
padding-top:70px;
}

/*New class for New Callout */
.RightCallout {
margin-top:-11px;
margin-left:25px;
position:relative;
}
.RightCallout ul {
list-style-type: none;
display: block;
padding-top: 55px;
margin-left: 15px;
}
.RightCallout ul li {
text-indent: -9009px;
margin-bottom:50px;
}
.RightCallout ul li.FirstImg a{
cursor: pointer;
display: block;
width: 60px;
}

.RightCallout ul li.SecondImg a{
cursor: pointer;
display: block;
width: 60px;
}
.RightCallout ul li.Third a{
cursor: pointer;
display: block;
width: 80px;
}

/*new callout classe*/

.NewRightCallout {
margin-top:-11px;
margin-left:25px;
position:relative;
}
.NewRightCallout ul {
list-style-type: none;
display: block;
padding-top: 55px;
margin-left: 10px;
}
.NewRightCallout ul li {
text-indent: -9009px;
margin-bottom:40px;
}
.NewRightCallout ul li.NewFirstImg a{
cursor: pointer;
display: block;
width: 70px;
}

.NewRightCallout ul li.NewSecondImg a{
cursor: pointer;
display: block;
width: 70px;
}
.NewRightCallout ul li.NewThird a{
cursor: pointer;
display: block;
width: 60px;
padding-top:10px;
}
.NewRightCallout ul li.NewFourth a{
cursor: pointer;
display: block;
width: 60px;
}

/*new class for home top image*/
.HomeTop{
margin: -908px 25px 0pt -10px;
padding: 3px 0pt 0pt;
background-repeat:
no-repeat;
float: left; height: 170px;
position: absolute;
width: 240px;
z-index: 999999;
}

/* *************************** *
 * MOST RECENT (11/2009) CSS 
 * IS BELOW THIS LABEL
 * *************************** */
#pap-tests #pap-tests-left {
	float: left;
	width: 310px;
	margin-right: 10px;
}
#pap-tests #pap-tests-left h2 {
	width: 230px;
}
#pap-tests #pap-tests-left p {
	float: left;
	width: 310px;
}
#pap-tests #pap-tests-left p a {
	margin: 0;
	float: right;
}
#pap-tests #pap-tests-left p a img {
	margin: 0;
}
#pap-tests #pap-tests-right {
	float: right;
	width: 180px;
	border-left: 1px dotted #000;
	/*padding: 3px 0 0 15px;*/
	padding: 0 0 0 15px;
	/*margin: 2px 10px 0 0;*/
	margin: 0 10px 0 0;

}
#pap-tests #pap-tests-right p {
	font-weight: bold;
	color: #6A645C;
	/*margin-top: 15px;*/
}
#disease-chart {
	background: url(../../assets/css/images/Section1.1_bodycallout_1.png) top left no-repeat;
	width: 364px;
	height: 96px;
	margin: 0 0 15px 20px;
	padding: 30px 0 0 150px;
	display: block;
}
.more-for-parents #disease-chart {
	background: url(../../assets/css/images/Section4.1_bodycallout_1.png) top left no-repeat;
}
#disease-chart h3 {
	float: left;
	padding: 0;
	margin: 0 23px 0 0;
	clear: left;
	width: 85px;
	text-align: right;
	color: #5683AE;
}
.more-for-parents #disease-chart #disease-chart-men {
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}
.more-for-parents #disease-chart h3 {
	color: #733C2C;
}
#disease-chart ul {
	clear:right;
	float: left;
	margin: 0 0 12px 0;
	list-style: disc;
	width: 230px;
	list-style-position: outside;
	margin-left: 0;
	padding: 0 0 0 15px;
	text-align: left;
	line-height: 12px;
}
#disease-chart ul li {
	text-align: left;
	line-height: 12px;
	margin: 1px 0 5px 0;
}
#sec1-co3 {
	margin: 0 0 0 30px;
}
#hpv-could-happen-short p,
#hpv-could-happen-short ul {
	float: left;
	width: 310px;
	margin-right: 0;
	line-height: 13px;
}
#hpv-could-happen-short ul {
	margin-top: 10px;
	padding-top: 0;
}
#hpv-could-happen-short ul li {
	margin: 0 0 10px 0;
	line-height: 13px;
}
#hpv-could-happen-short img {
	float: right;
	margin: 0;
	padding: 0;
}
#who-gets-hpv-short p {
	float: left;
	width: 200px;
}
#who-gets-hpv-short img {
	float: right;
	margin-right: 15px;
}

/* *************************** *
 * IN-PAGE Tabbed Modules
 * *************************** */
 .tabbedModule {
	 float: left;
	 padding: 0;
	 margin: 0 0 0 -20px;
	 width: 574px;
	 height: 378px;
	 background: transparent url(../../assets/css/images/disease-module-large-bg.png) top left no-repeat;
 }
 .tabbedModule .tabContent {
	 width: 480px;
	 height: 294px;
	 padding: 20px 45px 20px 45px;
	 float: left;
	 margin: 0;
 }
 .tabbedModule a.moduleTab {
	 display: block;
	 font-family: "Times New Roman", Times, serif;
	 font-size: 13px;
	 font-weight: bold;
	 text-decoration: none;
	 color: #816750;
	 float: left;
	 cursor: pointer;
	 margin: 10px 0 0 10px;
	 padding: 0;
	 height: 22px;
 }
 #diseaseModule #tab1 {
	 width: 143px;
	 background: transparent url(../../assets/css/images/disease-tab1-active.png) top left no-repeat;
	 padding: 7px 0 0 15px;
	 color: #437294;
	 margin-left: 30px;
 }
 #diseaseModule #tab2 {
	 width: 132px;
	 background: transparent url(../../assets/css/images/disease-tab2.png) top left no-repeat;
	 padding: 7px 0 0 26px;
 }
 #diseaseModule #tab3 {
	 width: 160px;
	 background: transparent url(../../assets/css/images/disease-tab3.png) top left no-repeat;
	 padding: 7px 0 0 20px;
 }
 .tabbedModule #disease-module-tab2-content,
 .tabbedModule #disease-module-tab3-content {
	 display: none;
 }
 .tabbedModule .tabContent p {
	 float: left;
	 line-height: 15px;
 }
 .tabbedModule .tabContent p img,
 .tabbedModule .tabContent img {
	 float: right;
	 margin: 20px 0 10px 20px;
 }
 .tabbedModule #disease-module-tab2-content img {
	 margin: 5px;
 }
 #payingModule {
	 height: 640px;
	 background: transparent url(../../assets/css/images/paying-module-bg.png) top left no-repeat;
 }
 #payingModule #tab1 {
	 width: 290px;
	 background: transparent url(../../assets/css/images/paying-tab1-active.png) top left no-repeat;
	 padding: 7px 0 0 15px;
	 color: #56514A;
	 margin-left: 30px;
 }
 #payingModule #tab2 {
	 width: 175px;
	 background: transparent url(../../assets/css/images/paying-tab2.png) top left no-repeat;
	 padding: 7px 0 0 20px;
 }
 #payingModule #tab1 em {
	/* color: #AA0935; */
 }
 #payingModule .tabContent {
	 width: 500px;
	 padding: 20px 35px 20px 35px;
	 float: left;
	 margin: 0;
 }
 .tabbedModule #paying-module-tab1-content {
	 /* display: none; */
 }
 #payingModule #paying-module-tab1-content #questions {
	 list-style: decimal;
	 clear: both;
 }
 #payingModule #paying-module-tab1-content #questions li {
	 font-weight: bold;
	 margin: 0 0 10px 0;
	 padding: 0;
 }
 #payingModule #paying-module-tab1-content #questions li ul {
	 list-style: disc;
	 margin: 0;
	 padding: 0 0 0 40px;
 }
 #payingModule #paying-module-tab1-content #questions li ul li {
	 font-weight: normal;
	 margin: 0;
 }
 .tabbedModule #paying-module-tab2-content {
	 display: none;
 }
 .tabbedModule #paying-module-tab2-content p {
	 width: 480px;
	 margin: 0 0 10px 0;
 }
 .tabbedModule #paying-module-tab2-content h2 {
	 margin: 15px 0 0 0;
 }
 #payingModule #paying-module-tab2-content ul {
	 width: 400px;
	 padding: 0 0 0 40px;
	 margin: 0 0 15px 0;
	 clear:both;
 }
 #payingModule #paying-module-tab2-content ul li {
	 margin: 0;
 }
 .pics {
	position: relative;
}
.pics span.tip-content {
	text-align: center;
	bottom: 250px;
}
.pics span.tip-bottom {
	bottom: 217px;
}
.pics .tip-content img.warts {
	float:left;
	padding-left: 40px;
}

.impact_adv_form {
	border-width: 0;
	width: 520px;
	height: 950px; 
	*height: 920px;
	overflow: hidden;
	}
	
#hpv-links a {
color:#2A71B5;
text-decoration:underline;
}

#hpv-links a:hover, a:active, a:focus {
color:#2A2A2A; 	
text-decoration:underline;
	}
	
	
.popup-heading
{
border-bottom: 1px dotted rgb(193, 193, 193);
color: rgb(106, 100, 92);
display: block;
font-family: Georgia;
font-size: 12px;
font-size-adjust: none; 
font-stretch: normal; 
font-style: normal; 
font-variant: normal;
font-weight: bold;
line-height: normal; 
margin-bottom: 5px; 
padding-bottom: 3px; 
cursor: default;
}
.link-proceed
{
display: inline;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
color: rgb(86, 131, 174); 
font-style: normal; 
padding-right: 14px;
text-decoration: underline; 
cursor: default;
}
.popup-text
{
display: block;
padding-top: 5px;
cursor: default;
color: rgb(106, 100, 92);
text-decoration: none;
font-weight: normal;
}	


/****leaving this pop now onclick****/
a.tiphpv,
div.tiphpv,
a.tipreversal {
 position:relative;
 }
	
	
/**** fun banner non flash ********/
.banner-add {
	clear: both;
	width: 410px;
	position: relative;
	background: transparent;
	}
.banner-add p {
	position: relative;
	}

.banner-add p {
	position: relative;
	}
/**** non flash for protection with gardasil page ********/
 #content-fixedHome {
			float:left;
			margin: 0;
			width: 643px;
			background: transparent url(../../assets/css/images/content-header.png) no-repeat 0 0;
			}
			 #content-fixedHome div.inside {
				margin-top: 31px; /* leave room for content-header */
				padding: 10px 40px 0 40px;
				background: transparent url(../../assets/css/images/content-inside.png) repeat-y 0 0;
				}