/****************************************************************
Main styles for: "DID YOU KNOW" special section of
				  http://www.gardasil.com
should be included last (overwrites all other styles)
joshua.nicholson@rapp.com, May 2009
------
Notes:
------

------------------
content structure:
------------------
		
****************************************************************/

/* *************************
 * GENERAL   			   *
 * *********************** */
a {
	color: #2a71b5;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: #2a2a2a;
}
body.didyouknow {color: #fff; background: #b30938 url(../../assets/css/images/html-learn-bg.jpg) repeat center 0;}

/* *************************
 * Global Nav			   *
 * *********************** */
 
.didyouknow ul#global-nav {
	list-style-type: none;
	margin: 15px 0 15px 15px;
	padding: 5px 0 0 0;
	list-style-position: outside;
	height: 35px;
	/*background: transparent url(../../assets/css/images/nav-ie/global-nav-duk-ie.png) no-repeat bottom left;*/
}
	
.didyouknow ul#global-nav li {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	float: left;
	height: 47px;
	text-indent: -9009px;
}
.didyouknow ul#global-nav li a {
	display: block;
	width: 114px;
	height: 47px;
	background: transparent url(../../assets/css/images/global-nav-duk.png) no-repeat 0 0;
}
.didyouknow ul#global-nav li.hcp a {
	width: 625px;
	background-position: 0 0;
}
.didyouknow ul#global-nav li.talk a {
	width: 250px;
	background-position: -624px 0;
}
.didyouknow ul#global-nav li.logo a {
	width: 81px;
	background-position: -874px 0;
}

/* *************************
 * Header Image			   *
 * *********************** */
.didyouknowflash-header {
	width: 940px;
	height: 302px;
	background: transparent url(../../assets/css/images/flash-header-bg.jpg) -4px -4px no-repeat;
}
.didyouknow #flash-header img {
	margin: 0;
}
 
/* *************************
 * Main Content			   *
 * *********************** */
.didyouknow h2 {
	padding-top: 10px;
}
.didyouknow p,
.didyouknow ul {
	line-height: 15px;
}
.didyouknow h2 em,
.didyouknow h3 em {
	color: #b20937;
}
#content-fixed {
	float:left;
	margin: 0;
	width: 561px;
	background: transparent url(../../assets/css/images/content-header-duk.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-duk.png) repeat-y 0 0;
	z-index: 10px;
}
.didyouknow #content-fixed .inside h2 {
	margin-top: 0px;
}
.didyouknow .inside ul {
	margin: 25px 0 15px 13px;
	padding: 0;
}
.didyouknow .inside ul li {
	margin: 0;
	padding: 0;
}
.didyouknow .inside ul em {
	text-transform: uppercase;
	font-weight: bold;
}
.didyouknow .moreContent {
	display: none;
}
.didyouknow .superscript {
	vertical-align: super;
	font-size: 8px;
	line-height: 0;
}
.didyouknow .next-steps {
	background: transparent url(../../assets/css/images/next-steps-duk.png) no-repeat bottom left;
	height: 24px;
}
.didyouknow #content-wrapper #content-fixed h2.fair-balance-big {
	margin-top: 0px;
}


/* *************************
 * Share With Friend Popup *
 * *********************** */
.didyouknow .tell-friend-pop {
	width: 341px;
	height: 278px;
	position: absolute;
	left: 205px;
	top: 68px;
	margin: 0;
	padding: 30px 60px;
	background: transparent url(../../assets/css/images/sendFriendBg.png) top left no-repeat;
	z-index: 100;
	display: none;
}
.didyouknow a.tell-friend-close {
	display: block;
	background: transparent url(../../assets/css/images/tell-friend-close-duk.gif) top left no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 28px;
	right: 20px;
	cursor: pointer;
}
.didyouknow .tell-friend-content {
	background: none;
	margin: 0;
	padding: 0;
}
.didyouknow .tell-friend-content #tell-friend-form #tell-friend-submit {
	background-image: url(../../assets/css/images/tool-tips-arrow-duk.gif);
}
.didyouknow .tell-friend-thankyou {
	width: 232px;
	height: 68px;
	position: absolute;
	left: 205px;
	top: 70px;
	margin: 0;
	padding: 30px 60px;
	background: transparent url(../../assets/css/images/tell-friend-bg.png) top left no-repeat;
	z-index: 100;
	display: none;
}
.didyouknow .tell-friend-thankyou .tell-friend-content {
	width: 232px;
}

/* *************************
 * Sidebar				   *
 * *********************** */
.didyouknow #sidebar {
	width: 330px;
	right: 20px;
	top: 43px;
}
.didyouknow #sidebar p {
	/*line-height: 14px;*/
}
.didyouknow #sidebar h3 {
	font-size: 15px;
}
.didyouknow #sidebar #recommended {
	width: 330px;
	float: right;
	margin: 9px 0 0 0;
	background: transparent url(../../assets/css/images/sidebar-links-duk.gif) no-repeat 0 0;
}
.didyouknow #sidebar #recommended .sidebarContent {
	margin-top: 31px; /* leave room for header */
	height: 120px;
	padding: 10px 40px 70px 40px;
	background: transparent url(../../assets/css/images/sidebar-links-inside-duk.gif) repeat-y 0 0;
}
.didyouknow #sidebar #recommended .sidebarContent a {
	clear: both;
	float: left;
	margin: 3px 0;
}
.didyouknow #sidebar #recommended-footer {
	width: 330px;
	height: 24px;
	float: right;
	margin: 0 0 0 0;
	background: transparent url(../../assets/css/images/sidebar-links-bottom-duk.gif) no-repeat 0 0;
}
.didyouknow #sidebar #interested {
	width: 330px;
	float: right;
	margin: 9px 0 0 0;
	background: transparent url(../../assets/css/images/sidebar-interested-duk.gif) no-repeat 0 0;
}
.didyouknow #sidebar #interested .sidebarContent {
	margin-top: 31px; /* leave room for header */
	padding: 10px 40px 70px 40px;
	background: transparent url(../../assets/css/images/sidebar-interested-inside-duk.gif) repeat-y 0 0;
}
.didyouknow #sidebar #interested .sidebarContent a {
	clear: both;
	float: left;
	margin: 3px 0;
}
.didyouknow #sidebar #interested-footer {
	width: 330px;
	height: 24px;
	float: right;
	margin: 0 0 0 0;
	background: transparent url(../../assets/css/images/sidebar-interested-bottom-duk.gif) no-repeat 0 0;
}

#content-wrapper {
background:transparent url(../../assets/css/images/content-wrapper-header-duck.jpg) no-repeat scroll 0 -20px;
clear:both;
overflow:visible;
padding:22px 0 0;
position:relative;
width:940px;
}

#content-wrapper div.inside-duck {
background:transparent url(../../assets/css/images/content-wrapper-duck.jpg) repeat-y scroll 0 0;
height:100%;
margin-top:0;
padding:0 0 0 18px;
}

#flash-header {
height:302px;
overflow:hidden;
width:940px;
z-index:2;
}

.content-wrapper-foot {
background:transparent url(../../assets/css/images/content-wrapper-foot-duck.jpg) no-repeat scroll 0 0;
display:block;
height:6px;
line-height:1px;
}

span.tip-content, div.tip-content, span.tip-bottom {
background: url(../../assets/css/images/tool-tips-content.png) no-repeat scroll 0 0 !important;
bottom:20px;
color:#6A645C;
cursor:pointer;
display:none;
font-weight:normal;
left:0;
line-height:18px;
padding:20px 20px 5px;
position:absolute;
text-align:left;
text-transform:none;
width:253px;
z-index:900;
_z-index:9000;
}

span.tip-bottom {
background:transparent url(../../assets/css/images/tool-tips-bottom.png) no-repeat scroll 0 0 !important;
bottom:-11px;
display:none;
height:33px;
padding:0;
width:293px;
}