@import url("en_CA.css");
@import url("fr_CA.css");
* {
  margin: 0;
  padding: 0;
}
:focus {
  outline: 0;
}
.hide,
.hidden {
  display: none;
}
body {
  color: #666;
  font: 12px Arial, Helvetica, "Liberation Sans", sans-serif;
}
a {
  color: #00539F;
  text-decoration: none;
}
strong {
  font-weight: bold;
}
u, ins {
  text-decoration: underline;
}
s, strike, del {
  text-decoration: line-through;
}
address {
  font-style: normal;
}
blink {
  text-decoration: blink;
}
big {
  font-size: larger;
}
small {
  font-size: smaller;
}
sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}
sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}
fieldset {
  border: 0px;
}
input {
  border: 1px solid silver;
}
input[type="hidden"] {
  display: none;
}
input:focus {
  border-color: orange;
}
button {
  cursor: pointer;
}
table {
  border-collapse:collapse;
  margin-bottom: 10px;
}
tbody tr:nth-child(even) td {
  background-color: #f3f3f3;
}
tbody tr:nth-child(odd) td {
  background-color: #eee;
}
th {
  color: white;
  white-space: nowrap;
  background-color: #FEBE10;
}
th+th {
  background-color: #62bb46;
}
th+th+th {
  background-color: #0099D8;
}
th,
td {
  vertical-align:top;
  padding: 8px;
  border: 3px solid white;
}
hr {
  border: 0;
  border-top: 1px solid #CCC;
  background-color: white;
}
/* global link behaviour */
div#content a:hover,
div#sidebar a:hover,
div#footer a:hover {
  text-decoration: underline;
}
/*-- LAYOUT --*/
div#container {
  display: block;
  width: 1000px;
  /*overflow: hidden;*/
  text-align: left;
  background: url("images/bayer_logo.png") 740px 8px no-repeat;
}
/* -- header --*/
div#header {
  position: relative;
  display: block;
  /*width: 1000px;*/
  height: 88px;
  margin-bottom: 1px;
  /*overflow: hidden;*/
}
div#header p {
  position: absolute;
  width: 189px;
  height: 48px;
  margin: 12px 0 0 15px;
  background: url("images/lwh_logo.png") 0 0 no-repeat;
}
div#header p a {
  display: block;
  width: 189px;
  height: 48px;
  overflow: hidden;
  text-indent: -200px;
}
div#header ul#navbar {
  position: absolute;
  bottom: 0;
  width: 1050px;
  height: 18px;
  padding: 0;
  list-style: none;
}
div#header ul#navbar li {
  float: left;
  height: 18px;
  line-height: 18px;
}
div#header ul#navbar li a {
  float: left;
  display: block;
  height: 18px;
  padding: 0 9px;
  color: white;
  font-size: 11px;
  font-weight: bold;
  background-color: #00539F;
  border-right: 1px solid white;
}
div#header ul#navbar li a:hover,
div#header ul#navbar li.selected a {
  background-color: #62bb46;
}
body.fr_CA div#header ul#navbar li:first-child a,
div#header ul#navbar li:first-child a {
  padding: 0px;
  width: 170px;
  text-indent: 25px;
}
div#header ul#user {
  position: absolute;
  top: 50px;
  left: 793px;
  list-style: none;
}
div#header ul#user li {
  display: inline;
  font-size: 10px;
}
div#header ul#user li+li:before {
  content: "|";
  padding: 0 3px 0 1px;
}
/* -- main --*/
div#main {
  position: relative;
  display: block;
  min-height: 300px;
  margin-bottom: 30px;
}
div#sidenav {
  display: block;
  float: left;
  width: 170px;
  height: auto !important;
  height: 150px;
  min-height: 150px;
  padding: 0 0 40px;
}
div#sidenav ul {
  list-style: none;
}
div#sidenav ul li {
  border-top: 1px solid #62bb46;
}
/*div#sidenav ul li.first-child,*/
div#sidenav ul li:first-child {
  border: 0px;
}
div#sidenav ul li a {
  display: block;
  width: 141px;
  padding: 4px 4px 4px 25px;
  line-height: 12px;
  color: #62bb46;
}
div#sidenav>ul li a:hover {
  background-color: #E3F4E1;
}
div#sidenav ul li.selected a {
  color: white;
  background-color: #62bb46;
}
div#sidenav ol {
  list-style: none;
  width: 101px;
  height: 21px;
  margin: 35px 0 0 35px;
  background: url("images/icons-health_canada.png") center 100% no-repeat;
}
div#sidenav ol li {
  float: left;
  width: 50px;
  margin: 0;
  padding: 0;
  /*display: inline;*/
}
div#sidenav ol li a {
  display: block;
  float: left:
  width: 50px;
  height: 21px;
  overflow: hidden;
  text-indent: -200px;
}
/* content */
div#content {
  float: left;
  display: block;
  width: 557px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 0 25px;
  /*outline: 1px solid red;*/
}
div#content h1 {
  margin: 20px 0 30px;
  color: #62bb46;
  font-size: 28px;
  font-weight: normal;
}
div#content h2 {
  margin: 20px 0 15px;
  font-size: 20px;
  font-weight: normal;
  color:  #333;
}
div#content h3 {
  font-size: 13px;
}
div#content p {
  margin-bottom: 10px;
}
div#content dl,
div#content ol,
div#content ul {
  margin-bottom: 20px;
}
div#content blockquote {
  position: relative;
  display: block;
  margin: 25px 25px;
  padding: 10px 25px 1px;
  background-color: #62bb46;
}
body:not(#home) div#content blockquote {
  cursor: pointer;
}
div#content blockquote ul,
div#content blockquote p:last-child {
  display: none;
}
div#content blockquote * {
  color: white;
}
div#content blockquote p:first-child {
  display: block !important;
}
div#content blockquote p:first-of-type strong {
  font-size: 13px;
}
div#content blockquote span {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: block;
  width: 10px;
  height: 13px;
  background: url("images/blockquote_arrows.png") center 0 no-repeat;
}
div#content blockquote.open span {
  background-position: center 100%;
}
div#content h1+p {
  margin-bottom: 30px;
  padding: 15px 0;
  font-size: 18px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
div#content p.download a {
  padding-left: 25px;
  background: url("images/icon-arrow-down.png") 0 50% no-repeat;
}
div#content dl {
  position: relative;
}
div#content dl dt {
  position: absolute;
  left: 0;
  width: 170px;
  font-weight: bold;
  text-align: right;
}
div#content dl dd {
  margin-bottom: 5px;
  padding-left: 180px;
}
div#content ol,
div#content ul {
  padding-left: 25px;
}
div#content ul {
  list-style-image: url("images/list_bullet-green.png");
}
div#content ol li,
div#content ul li {
  margin-bottom: 10px;
}
div#content li p {
  margin: 0;
}
div#content hr {
  margin-bottom: 15px;
}
div#content div.column {
  display: block;
  float: left;
  width: 240px;
  padding: 0 15px;
  /*margin-left: 30px;*/
  /*margin-right: 10px;*/
}
div#content div.column h3 {
  margin-bottom: 10px;
}
div#content a.top {
  display: block;
  padding-left: 20px;
  background: url("images/icon-arrow-up.png") 0 0% no-repeat;
}
div#sidebar {
  float: right;
  display: block;
  width: 190px;
  margin-top: 10px;
  margin-right:15px;
}
div#sidebar a {
  word-wrap: break-word;
}
div#sidebar hr {
  margin-bottom: 5px;
}
/* -- footer --*/
div#footer {
  display: block;
  clear: both;
  width: 960px;
  margin-left: 40px;
  padding: 40px 0 20px;
  font-size: 11px;
  border-top: 1px solid #CCC;
}
div#footer ul {
  width: 960px;
  /*height: 14px;*/
  clear: both;
  list-style: none;
}
div#footer ul li {
  float: left;
}
div#footer ul li+li:before {
  content: "|";
  padding: 0 6px 0 6px;
}
div#footer ul+ul li:first-child+li:before {
  content: " ";
  padding: 3px;
}
div#footer p {
  clear: both;
}
#contact_us iframe {
  display: block;
  width: 400px;
  height: 370px;
}
/* -- ERRORS --*/
label.error {
  text-align: right;
  position: absolute !important;
}
input.error {
  background-color: #FFFFBB !important;
}
/*-- COMPONENTS --*/
/* modal overlay */
div#overlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 999;
  background-color: black;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60) !important;
  -moz-opacity: 0.6;
  opacity: 0.60;
}
div#overlay.start {
  /*display: block;*/
}
/* modal box */
div.modal {
  position: fixed;
  top: 30%;
  left: 50%;
  display: none;
  width: 300px;
  margin-left: -170px;
  padding: 30px 20px 20px;
  background-color: white;
  border: 1px solid #949494;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.9) !important;
  -moz-box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.6) !important;
  -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.9) !important;
  z-index: 1000;
}
div.modal h4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 340px;
  height: 22px;
  line-height: 22px;
  text-indent: 20px;
  color: white;
  background-color: #00539F;
}
div.modal h4 a {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  text-indent: -200px;
  background: url("images/closebox.png") center no-repeat;
}
div.modal p {
  margin-bottom: 5px;
}
div.modal p strong {
  display: block;
  clear: both;
  margin-bottom: 5px;
}
div.modal button {
  margin: 5px 10px 10px;
  padding: 0 10px;
  font-size: 12px;
  cursor: pointer;
}
div.modal button.continue {
  margin-left: 60px;
}
div.modal label,
div.modal input {
  display: block;
  clear: both;
}
div.modal label {
  padding-left: 20px;
}
div.modal input {
  position: absolute;
}
div.modal.accept_terms {
  display: block;
  /*top: ;*/
  left: 100px;
  width: 840px;
  margin-left: 0px;
  padding: 0px;
  background-color: transparent;
  border: 0px solid #949494;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
div.modal.accept_terms div {
  display: block;
  float: left;
  width: 360px;
  min-height: 130px;
  margin-right: 20px;
  padding: 20px;
  color: white;
  background-color: #0099DC;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.5) !important;
  -moz-box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.4) !important;
  -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.5) !important;
}
div.modal.accept_terms span {
  display: none;
}
div.modal.accept_terms div p,
div.modal.accept_terms div a {
  color: white;
}
div.modal.accept_terms div a {
  display: block;
  margin-top: 8px;
  padding: 2px 20px;
  background: url("images/button-search.png") 0 50% no-repeat;
}
div#page_mailer {
  top: 10%;
  width: 280px;
  height: 418px;
  background: url("images/page_mailer-bg.png") center 0 no-repeat;
}
div#page_mailer span {
  position: absolute;
  top: 6px;
  right: 7px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
div#page_mailer h2 {
  color: white;
  border: 0px;
  font-size: 30px;
}
div#page_mailer p {
  color: white;
  font-size: 13px;
}
div#page_mailer p.confirmation {
  display: none;
  margin-top: 40px;
}
div#page_mailer p strong {
  display: inline;
  color: #00539F;
}
div#page_mailer p small {
  line-height: 8px !important;
}
div#page_mailer fieldset {
  margin-top: 35px;
}
div#page_mailer label,
div#page_mailer input {
  position: static;
  width: 280px;
}
div#page_mailer label {
  padding: 0;
  color: white;
  font-weight: bold;
}
div#page_mailer label.error {
  margin-top: -15px;
  color: red;
  color: #00539F;
}
div#page_mailer input {
  margin-bottom: 15px;
}
div#page_mailer button {
  position: absolute;
  display: block;
  top: 412px;
  width: 80px;
  height: 24px;
  line-height: 12px;
  border: 1px solid #00539F;
  background-color: transparent;
  text-transform: capitalize;
  color: #00539F;
  text-indent: 13px;
  font-weight: bold;
  background: white url("images/icon-arrow.png") 8px 6px no-repeat;
}
div#page_mailer button:hover {
  box-shadow: 0px 2px 3px rgba(0,0,0,0.9);
  -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.9);
}
div#page_mailer button:active {
  outline: 0px;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.9);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.9);
}
div#page_mailer button.cancel {
  display: none !important;
}
div#page_mailer button.submit {
  left: 100px;
}
/* search */
form#search {
  display: block;
  overflow: hidden;
  height: 26px;
  margin-bottom: 5px;
  padding: 10px 0 0px 10px;
  background-color:#0199DA;
}
#search input {
  width: 150px;
  border: 0;
  font-size: 11px;
  border: 1px solid #0199DA;
}
#search input:focus {
  border: 1px solid #62bb46;
}
form#search button {
  float: right;
  overflow: hidden;
  width: 20px;
  height: 20px;
  border: 0;
  text-indent: -40px;
  background: transparent url("images/button-search.png") 0 center no-repeat;
}
/* social links */
div#social_media {
  overflow: hidden;
  height: 40px;
  margin-bottom: 10px;
  padding: 5px 0px 0;
  background-image: none;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
div#social_media p {
  display: none;
  margin-bottom: 5px;
  padding-top: 2px;
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
  border-top: 1px solid #F8991B;
}
div#social_media ul {
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
div#social_media li {
  margin-bottom: 4px;
  text-indent: 25px;
  font-size: 11px;
}
div#social_media li a {
  display: block;
  height: 17px;
  line-height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0%;
}
div#social_media li a[href*="print"] {
  background-image: url("/images/social-print.png");
}
div#social_media li a[href*="ail"] {
  background-image: url("/images/social-email.png");
}
div#social_media li a[href*="digg"] {
  background-image: url("/images/social-digg.png");
}
div#social_media li a[href*="del.icio.us"] {
  background-image: url("/images/social-delicious.png");
}
div#social_media li a[href*="reddit"] {
  background-image: url("/images/social-reddit.png");
}
div#social_media li a[href*="stumbleupon"] {
  background-image: url("/images/social-stumbleupon.png");
}
div.box {
  display: block;
  margin-bottom: 10px;
}
div.box h3 {
  margin-bottom: 5px;
  padding: 4px 10px;
  font-size: 12px;
  color: white;
  background-color:#0199DA;
}
div.box h4,
div.box p {
  padding: 0 10px;
}
/* tmp fix */
div.box h4 { 
  color: #00539F;
}
div.box p a,
div#downloads.box li a {
  display: block;
  /*height: 22px;*/
  margin-bottom: 1px;
  padding: 5px 0 5px 20px;
  background: url("images/icon-arrow.png") 0 6px no-repeat;
}
div.box ul {
  list-style: none;
  list-style-image: url("images/bullet-green-small.png");
  padding: 5px 5px 5px 25px;
}
div#downloads.box ul {
  list-style: none !important;
  padding: 5px 5px 5px 10px;
}
/* -- SECTIONS --*/
body#error div#main,
body.home div#main {
  /*background: url("images/blocks_right-level2.png") 785px 106px no-repeat;*/
}
body#error div#related ,
body.home div#related {
  /*display: none;*/
}
body.home div#content {
  width: 607px;
  padding: 0;
}
#understanding_hemophilia.home div#content,
#managing_hemophilia.home div#content,
#patients.home div#content,
#parents_and_family.home div#content,
#the_support_community.home div#content,
#kids_clubs.home div#content {
  padding-top:280px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#understanding_hemophilia.home div#content h1,
#managing_hemophilia.home div#content h1,
#patients.home div#content h1,
#parents_and_family.home div#content h1,
#the_support_community.home div#content h1,
#kids_clubs.home div#content h1 {
  position: absolute;
  top: 90px;
  left: 192px !important;
  left: 10px;
  width: 300px;
  height: 40px;
  margin:0;
  padding: 0px 15px;
  line-height: 40px;
  color: #62bb46;
  font-size: 25px;
  font-weight: normal;
  background-color: white;
  opacity: 0.90;
  -moz-opacity: 0.90;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90) !important;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  overflow: hidden;
}
#understanding_hemophilia.home div#content h1+p,
#managing_hemophilia.home div#content h1+p,
#patients.home div#content h1+p,
#parents_and_family.home div#content h1+p,
#the_support_community.home div#content h1+p,
#kids_clubs.home div#content>p {
  position: absolute;
  top: 131px;
  left: 192px !important;
  left: 10px;
  width: 300px;
  padding: 0 15px 10px;
  background-color: white;
  border: 0;
  font-size: 12px;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  opacity: 0.90;
  -moz-opacity: 0.90;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90) !important;
}
#kids_clubs div#content img {
  /*margin: 10px auto;*/
}
body.home div#content ul {
  width: 607px;
  list-style: none;
  padding-left: 0px;
}
body.home div#content ul li {
  float: left;
  clear: none;
  width: 294px;
  width: 288px;
  min-height: 200px;
  margin: 0;
}
body.home div#content ul li.odd {
  margin-right: 30px;
}
body.home div#content ul li:nth-child(odd) {
  margin-right: 30px;
}
body.home div#content ul ul {
  list-style-image: url("images/list_bullet-green.png") !important;
  margin: 10px 0 0 0;
  padding-left: 25px;
}
body.home div#content ul ul li,
body.home.fr_CA div#content ul ul li {
  min-height: 20px !important;
  margin: 0 0 10px 0;
  float: none;
}
body.home h2 {
  font-size: 18px;
  font-weight: normal;
  border-bottom: 1px solid #CCC;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
body.home div#content ul li a {
  display: block;
  font-weight: bold;
  margin-top: 10px;
  padding: 0px 0px 8px 20px;
  background: url("images/icon-arrow.png") 0 2px no-repeat;
}
body.home div#content ul li h2 a {
  padding: 0;
  color: #EE3A42;
  font-weight: normal;
  background-image: none;
}
#understanding_hemophilia.home div#content {
  background-image: url("../images/banner-understanding_hemophilia.jpg");
}
#managing_hemophilia.home div#content {
  background-image: url("../images/banner-managing_hemophilia.jpg");
}
#patients.home div#content {
  background-image: url("../images/banner-patients.jpg");
}
#parents_and_family.home div#content {
  background-image: url("../images/banner-parents_and_family.jpg");
}
#the_support_community.home div#content {
  background-image: url("../images/banner-the_support_community.jpg");
}
#kids_clubs.home div#content {
  background-image: url("../images/banner-kids_clubs.jpg");
}
#faqs div#content p[id] {
  /*color:  #333;*/
  font-weight: bold;
  /*color: #ee3a42;*/
  /*color: #62bb46;*/
}
#faqs div#content p[id] strong {
  /*color:  #333;*/
}
/*-- HOMEPAGE --*/
#home.home div#main {
  background-image: none;
}
#home.home div#main object {
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 1;
}
#home.home div#content {
  width: 604px;
  margin-top: 227px;
}
#home.home div#content h1 {
  display: none;
}
#home.home div#content blockquote {
  float: left;
  display: block;
  width: 222px;
  margin: 0;
  padding: 10px;
  font-size: 12px;
  color: white;
  background-color: #ee3a42;
  border: 0;
}
#home.home div#content ul {
  float: left;
  width: 310px;
  margin-top: -15px;
  margin-left: 20px;
}
#home.home div#content ul li {
  float: none;
  min-height: 0;
}
#home.home div#sidenav {
  margin-top: 227px;
}
/*-- custom elements --*/
div#sidenav ul.bayer {
  border-bottom: 1px solid #999;
}
div#sidenav ul.bayer li {
  text-indent: 20px;
  border: 0;
  color: white;
  line-height: 20px;
  background-color: #999;
}
div#sidenav ul.bayer li a {
  width: 170px;
  padding-left: 0;
  line-height: 14px;
  color: #999;
  background-color: white;
}
#home.home div#sidebar div.sub-1 {
  height: 207px;
  color: white !important;
  background-color: #0199DA;
  margin-bottom: 10px;
}
#home.home div#sidebar div.sub-1 p {
  margin-bottom: 5px;
}
#home.home div#sidebar div.sub-1 a {
  color: white;
  background: url("images/button-search.png") 0 3px no-repeat;
}
#home.home div#sidebar div.sub-1 h3 {
  padding: 10px 10px 0;
  font-size: 13px;
}
#sitemap.home div#content ul {
  margin: 0 0 25px;
}
#sitemap.home div#content ul li {
  width: 280px !important;
  height: auto;
  min-height: 0;
  margin: 0;
}
#sitemap.home div#content ul li:nth-child(odd) {
  margin-right: 30px;
}
#sitemap.home div#content ul li strong {
  font-size: 14px;
}
#sitemap.home div#content ul li a {
  height: auto;
  padding: 0;
  text-indent: 0;
  background-image: none;
}
/* image legends and diagrams */
ul.legend {
  position: relative;
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
  margin: 10px 0;
  padding: 0;
}
ul.legend li {
  position: absolute;
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
}
ul.img_genetics {
  width: 359px;
  height: 430px !important;
  height: 432px;
  background: url("/images/img_genetics.gif") center no-repeat;
}
ul.img_genetics li {
  max-width: 70px;
}
ul.img_genetics li.el-0,
ul.img_genetics li.el-1 {
  top: 50px;
}
ul.img_genetics li.el-0 {
  left: 10px;
}
ul.img_genetics li.el-1 {
  right: -10px;
}
ul.img_genetics li.el-2,
ul.img_genetics li.el-3,
ul.img_genetics li.el-4,
ul.img_genetics li.el-5 {
  top: 305px;
  text-align: center;
}
ul.img_genetics li.el-2 {
  left: 29px;
}
ul.img_genetics li.el-3 {
  left: 114px;
}
ul.img_genetics li.el-4 {
  left: 200px;
}
ul.img_genetics li.el-5 {
  left: 280px;
}
ul.img_genetics li.el-6,
ul.img_genetics li.el-7,
ul.img_genetics li.el-8 {
  top: 365px;
  left: 160px !important;
  left: 150px;
}
ul.img_genetics li.el-7 {
  top: 388px;
}
ul.img_genetics li.el-8 {
  top: 413px;
}