/* CSS Document */

body {
	background:#CD2354 url("/gfx/bg_body.gif") repeat-x left top;	
}

/* Basic HTML Elements
-------------------------------------------------------------------------------------  Basic HTML Elements */
h1, 
h1.replace {
	margin-left:5px;
	padding-top:215px;
	background-color:#FFFFFF;
	font:150%/1.125em Georgia, "Times New Roman", Times, serif;
	font-weight:bolder;
	color:#CE214F;
}
	 
h1.reducedmargin {
	padding-top:185px;
}
	
h1 strong {
	margin-bottom:-2em;
	padding-bottom:2em;
}	
h1.replace {	
	margin-bottom:50px;
	padding-top:160px;
	background-image:url("/gfx/h1_replace.gif");
}
	* html h1.replace {
		margin-top:50px;
	}
h1.replace strong {
	height:120px;
}

#index h1.replace {
	margin-bottom:100px;
	padding-top:100px; 
} * html #index h1.replace {margin-bottom:125px;}

h2, 
h2 strong, 
h3 {
	color:#D55D78;
}
.box h2, 
.box h2 a {
	color:#D55D78;
}

p.topmargin {
	clear:both;
	margin-top:20px;
}

a:link, a:visited {  
	
	border-color:#B5D7f1;
	color:#0B7CD1;
}
a:hover {
	border-color:#C7E3F6;
	color:#47A3E0;
}


/* Layout
--------------------------------------------------------------------------------------------------  Layout */
#body-wrap {
	margin-top:0;	
	border-top:0;
	border-color:#9C1A3F; 
} 
.col-MS .maincol, 
.col-SM .maincol {
	width:624px;
}

.col-MS .subcol, 
.col-SM .subcol {
	width:202px;
}

.col-index .maincol {
	width:554px; 
	padding-right:292px;
}	* html .col-index .maincol {width:836px;}

.col-index .subcol {
	float:left;
	margin-left:5px;
	width:100%;
}	* html .col-index .subcol {width:836px;}


	
/* Header
--------------------------------------------------------------------------------------------------  Header */
#header-wrap {
	height:160px;
	background:none; 
}  
#header {
	height:160px;	
	background-image:url("/gfx/masthead.gif");
}	
#index #header {
	background-image:url("/gfx/masthead_index.gif");
}
#logo-wrap {
	width:200px;
}

/* Main Navigation
-----------------------------------------------------------------------------------------  Main Navigation */

#nav {
	background:url("/gfx/bg_nav.gif") no-repeat center bottom;
}

#nav div {
	padding-left:10px;
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;	
	color:#606060;	
}

#nav a {
	background:url("/gfx/btn_nav_left.gif") no-repeat left top;
}
#nav a:hover {
	background-position:0% -150px;
}

#nav a span {		
	background:url("/gfx/btn_nav_right.gif") no-repeat right top;
	color:#000000;
}
#nav a:hover span {
	background-position:100% -150px;
	color:#000000;	
}
#nav .current a {
	background-position:0 -150px;	
}
#nav .current a span {	
	background-position:100% -150px;
	color:#000000;
}			
						
#index #nav {
	display:none;
}							

/* Sub Navigation
------------------------------------------------------------------------------------------  Sub Navigation */

#subnav .top-horizontal {						
/* 	If a subnav bg is used in the skin, set the width of the .top-horizontal div equal to the width of 
	#subnav (846px globally) minus the left padding of .top-horizontal (30) plus the combined left and 
	right padding of #body-wrap (5+5). 846-30+10 = 821 */			
	width:846px;				
	padding-left:10px;	
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;	
	background:#FFFFFF url("/gfx/bg_subnav_center.gif") repeat-x left bottom;
	color:#CE214F;
}

* html #subnav .top-horizontal {width:856px;}
	
#subnav a {	
	padding-right:0;
	padding-left:9px;
	background:url("/gfx/btn_subnav_left.gif") no-repeat left top;
}

#subnav a span
{
	padding-right:9px;
	background:url("/gfx/btn_subnav_right.gif") no-repeat right top;
	color:#000000;
}
#subnav a:hover {
	background-position:0% -150px;
}

#subnav a:hover span {
	background-position:100% -150px;
	color:#000000;	

}
#subnav .current a {
	background-position:0 -150px
}

#subnav .current a span {	
	background-position:100% -150px;
	color:#000000;
}

#index #subnav {
	display:none;
}

/* Side Navigation
-----------------------------------------------------------------------------------------  Side Navigation */
.sidenav .box {border-color:#D2EDF9; background-color:#F7FCFE;}
.sidenav div.current .box {border-color:#B5D7F1; background-color:#EFF9FD;}
.sidenav .box div.current a {border-color:#CE214F; color:#CE214F;}
.sidenav .box h3 {color:#048CDC;}
.sidenav div.current .box h3 {color:#0B7CD1;}

.sidenav a.current {border-color:#CE214F; color:#CE214F;}

* html .sidenav .box {margin-bottom:10px;}

/* Index Pages
---------------------------------------------------------------------------------------------- Index Pages */
/* Features
------------------------------------------------------------------------------------------------- Features */
	* html #feature {
		width:726px;
	}

#feature {
	margin-top:40px;
}

#feature .box {
	width:180px;
	border:0;	
}	* html #feature .box {width:202px;}
	
#feature .box h2 { 
	height:2.5em; 
}
	* html #feature .box h2 { 
		padding-right:5px; 
	}
	* html #feature .blue .box h2 { 
		padding-right:10px; 
	}
#feature .box h2 a strong { 
	font-size:1.1em; 
	font-weight:600; 
	text-align:center; 
	color:#FFFFFF; 
}
#feature .box h2 a strong.patient {
	padding-top:.5em;
}

#feature .box p {
	font-size:110%; 
	line-height:1.25em;
}
	* html #feature .box p {
		padding-right:5px;
	}
	* html #feature .blue .box p {
		padding-right:10px;
	}
	
#feature .box a:link, #feature .box a:visited {
	border:none; 
	text-decoration:none;
	color:#000000; 	
}

#feature .yellow .box {background:url("/gfx/bg_box_feature_yellow.jpg") no-repeat left top;}
#feature .blue .box {background:url("/gfx/bg_box_feature_blue.jpg") no-repeat left top;}
#feature .red .box {background:url("/gfx/bg_box_feature_red.jpg") no-repeat left top;}	
	* html #feature .blue .box, 
	* html #feature .red .box, 
	* html #feature .yellow .box, 
	* html #feature .gray .box {width:207px;}



/* Boxes
---------------------------------------------------------------------------------------------------  Boxes */
.maincol .box,
.subcol .box, 
.xcol .box {
	width:179px;
}
	* html .maincol .box, 
	* html .subcol .box, 
	* html .xcol .box {width:201px;} 

.col-MS .maincol .two-column .box, 
.col-MS .maincol .three-column .box, 
.col-SM .maincol .two-column .box, 
.col-SM .maincol .three-column .box {
	width:602px;
}
	* html .col-MS .maincol .two-column .box, 
	* html .col-MS .maincol .three-column .box, 
	* html .col-SM .maincol .two-column .box, 
	* html .col-SM .maincol .three-column .box {width:624px;}

	* html .box img,
	* html .box img.left,
	* html .box img.center,
	* html .box img.right {margin:0;} 


.col-MS .maincol .three-column .box {
	width:624px;
	margin:0;
	border:0;
	padding:0;
	background:url("/gfx/bg_box_index_yellow.gif") repeat-y left top;
}
.col-MS .three-column .box div.top {
	float:left;	
	width:624px;
	margin:0;
	padding:30px 0px 0px 0px;
	background:url("/gfx/bg_box_index_top_yellow.gif") no-repeat left top;
	text-decoration:none;
}
.col-MS .three-column .box div.bottom {
	float:none;
	display:block;
	border:none;
	padding:0px 30px 30px 30px;	
	background:url("/gfx/bg_box_index_bottom_yellow.gif") no-repeat right bottom;
}

.food .box {
	border:1px solid #DF7593;
	background-color:#FEFEEC;	background-color:#fff7ea; border-color:#ffd9b4;
}

.col-index .samples .box {
	display:block;
	float:right;
	width:182px; 
	margin:10px -250px 0 50px; 
	padding:0; 	
}	* html .col-index .samples .box {margin-right:-120px;}

/*.col-index .samples .box {
	display:block;
	float:right;
	width:182px; 
	margin:10px -250px 0 50px; 
	padding:0; 	
	text-align:center;
}	* html .col-index .samples {margin-right:-120px;}*/
.safety .box {
	width:100%;
}

/* Images
--------------------------------------------------------------------------------------------------  Images */
/* Lists
---------------------------------------------------------------------------------------------------  Lists */
ul li {
	background-image: url("/gfx/li_bullet.gif");
} 

/* Pull Content
--------------------------------------------------------------------------------------------  Pull Content */	
/* Footer
--------------------------------------------------------------------------------------------------  Footer */
#footer {
	position:relative;	
	height:40px;
	margin-bottom:-40px;
	border:none;
	padding-bottom:15px;
	background:none;
	background:url("/gfx/bg_footer.gif") no-repeat center bottom;		

}
	* html #footer {
		border-top:1px solid #EFEFEF;
		background-image:none; 
		background-color:#FFFFFF;
	}

#footertext, 
#footerlogo {
	padding-left:10px;	
}

#footerlogo {
	display:inline;	
	height:30px;
	background:none;	
}

/* Footnotes
-----------------------------------------------------------------------------------------------  Footnotes */
/* Tables
--------------------------------------------------------------------------------------------------  Tables */
table {
	margin-top:5px;
	background:#FFFFFF;
	/*color:#4C85BF;*/
}
.col-MS .maincol table, 
.col-SM .maincol table, 
.col-index .maincol table { 
	/* .maincol width is 624px. Subtracting 6px fixes Firefox */
	width:618px; 
}	
	* html .col-MS .maincol table, 
	* html .col-SM .maincol table, 
	* html .col-index .maincol table { width:612px; } 
	
	* html .col-MSX .maincol table, 
	* html .col-SMX .maincol table { width:406px; }

table caption {	
	padding:0 0 0 1em;
	text-align:left;
	font-size:.8em;
	color:#9BA9B4;
}	
th {
	background:#FFFDEF;
}
thead th {
	border-color:#FFD9B4;
	text-align:left;
	vertical-align:bottom;
	background-color:#FFF7EA; 	
	color:#CE214F;
}

th strong {font-size:105%;display:block;white-space:nowrap;margin-bottom:.5em;	}
th em {font-size:100%; font-weight:normal;display:block; white-space:nowrap; font-style:normal;margin-top:.5em;}
th em span {font-size:90%; font-weight:normal; display:block; padding-top:.5em;}

.samples th {
	border-color:#FFD9B4;
}
tr.legend {
	color:#CE214F;
}
tr.legend td.tablename {
	color:#4C85BF;
}
.category {
	border-color:#FFD9B4; 
	background-color:#FFFBF4;
	color:#CE214F;
}
.highlight {
	background:#FFE29B;
	color:#1B00CF;
}



/* Forms
---------------------------------------------------------------------------------------------------  Forms */
/* Mobile
--------------------------------------------------------------------------------------------------  Mobile */
/* Misc
----------------------------------------------------------------------------------------------------  Misc */
#utilities {
	/* Firefox fix */
	clear:left;
}

.col-SMX #utilities, 
.col-SMX #printerfriendly, 
.col-MSX #utilities, 
.col-MSX #printerfriendly {
	width:150px;
	padding-left:10px;
	
}

.col-MS #utilities, 
.col-MS #printerfriendly {
	padding-left:10px;
}

#index #utilities dt, 
#index #printerfriendly dt {
	float:left;
	margin-right:10px;	
}
/* This wraps the utilities and printer-friendly code in the three main subsection 
index pages so they can be positioned beneath the large butterfly in IE6. */
/** html .subcol .utilities-wrap, */
* html .col-MS .subcol .no-border .box {
	position:absolute; 
	margin-top:400px;
}

#press-btn {
	position:relative;
	width:856px;
	height:40px;	
	margin:0 auto -40px auto;
	padding-top:10px;
	text-align:right;	
}	* html #press-btn {width:855px;}
		
#press-btn a {
	border-bottom:0;
}


/* Alignment
-----------------------------------------------------------------------------------------------  Alignment */
/* By default, the site content is centered. To align left, uncomment the lines below.                   */
/*
* html body {text-align:left;}	
#body-wrap, #nav, #subnav, #logo-wrap { margin-left:0; }	
#body-wrap { border:0; }
#masthead-wrap { background-position:left top; }
#nav div, #subnav .top-horizontal { width:900px; }
#subnav .top-horizontal { background:transparent url("/gfx/bg_subnav_left.gif") no-repeat left bottom; }
#footer { width:900px; background:transparent url("/gfx/bg_footer_left.gif") no-repeat left top; }
#logo {margin-left:5px;}
*/

/* Skins  
---------------------------------------------------------------------------------------------------  Skins */

h1.replace#anemia {background-image:url("/gfx/h1_anemia.gif");}
h1.replace#biocomplementary {background-image:url("/gfx/h1_biocomplementary.gif");}
h1.replace#patient {background-image:url("/gfx/h1_patient.gif");}
h1.replace#professional {background-image:url("/gfx/h1_professional.gif");}

#blue #nav {background-image:url("/gfx/bg_nav_blue.gif");}
#red #nav {background-image:url("/gfx/bg_nav_red.gif");}
#yellow #nav {background-image:url("/gfx/bg_nav_yellow.gif");}
#gray #nav {background-image:url("/gfx/bg_nav_gray.gif");}
	
#blue #nav a {border-bottom-color:#83C1EA;}
#red #nav a {border-bottom-color:#E48DA2;}

#yellow #nav a {border-bottom-color:#FFCB85;}
#gray #nav a {border-bottom-color:#D7E5ED;}

#nav a.blue {background-image:url("/gfx/btn_nav_left_blue.gif");}
#nav a.blue span {background-image:url("/gfx/btn_nav_right_blue.gif");}
#nav a.red {background-image:url("/gfx/btn_nav_left_red.gif");}
#nav a.red span {background-image:url("/gfx/btn_nav_right_red.gif");}
#nav a.yellow {background-image:url("/gfx/btn_nav_left_yellow.gif");}
#nav a.yellow span {background-image:url("/gfx/btn_nav_right_yellow.gif");}
#nav a.gray {background-image:url("/gfx/btn_nav_left_gray.gif");}
#nav a.gray  span {background-image:url("/gfx/btn_nav_right_gray.gif");}

#subnav a.blue {border-bottom-color:#47A3E0; background-image:url("/gfx/btn_subnav_left_blue.gif");}
#subnav a.blue span {background-image:url("/gfx/btn_subnav_right_blue.gif");}
#subnav a.red {border-bottom-color:#D55D78; background-image:url("/gfx/btn_subnav_left_red.gif");}
#subnav a.red span {background-image:url("/gfx/btn_subnav_right_red.gif");}
#subnav a.yellow {border-bottom-color:#FFA641; background-image:url("/gfx/btn_subnav_left_yellow.gif");}
#subnav a.yellow span {background-image:url("/gfx/btn_subnav_right_yellow.gif");}
#subnav a.gray {border-bottom-color:#BED5E2; background-image:url("/gfx/btn_subnav_left_gray.gif");}
#subnav a.gray span {background-image:url("/gfx/btn_subnav_right_gray.gif");}

#blue #subnav .top-horizontal {background-color:#FFFFFF; background-image:url("/gfx/bg_subnav_center_blue.gif");}
#red #subnav .top-horizontal {background-color:#FFFFFF; background-image:url("/gfx/bg_subnav_center_red.gif");}
#yellow #subnav .top-horizontal {background-color:#FFFFFF; background-image:url("/gfx/bg_subnav_center_yellow.gif");}
#gray #subnav .top-horizontal {background-color:#FFFFFF; background-image:url("/gfx/bg_subnav_center_gray.gif");}

#blue .three-column .box {background:url("/gfx/bg_box_index_blue.gif") repeat-y left top;}
#blue .three-column .box div.top {background:url("/gfx/bg_box_index_top_blue.gif") no-repeat left top;}
#blue .three-column .box div.bottom {background:url("/gfx/bg_box_index_bottom_blue.gif") no-repeat right bottom;}
#red .three-column .box {background:url("/gfx/bg_box_index_red.gif") repeat-y left top;}
#red .three-column .box div.top {background:url("/gfx/bg_box_index_top_red.gif") no-repeat left top;}
#red .three-column .box div.bottom {background:url("/gfx/bg_box_index_bottom_red.gif") no-repeat right bottom;}
#yellow .three-column .box {background:url("/gfx/bg_box_index_yellow.gif") repeat-y left top;}
#yellow .three-column .box div.top {background:url("/gfx/bg_box_index_top_yellow.gif") no-repeat left top;}
#yellow .three-column .box div.bottom {background:url("/gfx/bg_box_index_bottom_yellow.gif") no-repeat right bottom;}
#gray .three-column .box {background:url("/gfx/bg_box_index_gray.gif") repeat-y left top;}
#gray .three-column .box div.top {background:url("/gfx/bg_box_index_top_gray.gif") no-repeat left top;}
#gray .three-column .box div.bottom {background:url("/gfx/bg_box_index_bottom_gray.gif") no-repeat right bottom;}


/* ----- Butterflies ----- */

.butterfly .box {
	margin:0;
	border:0;
	padding:0;
	margin-left:-10px;
}	
	* html .butterfly .box {
		position:absolute; 
		margin-left:-13px;																
	}

* html #feature .butterfly { width:10px; }																/* 080514 0707 */	

#feature .butterfly .box {
	margin:0;
	border:0; 
	padding:0;	
}
	* html #feature .butterfly .box {
		position:absolute;
		height:500px;
		margin-top:-364px;
		margin-left:-26px;	margin-left:-29px;															/* 080514 0707 */	
		padding:0;
	}

#feature .butterfly .box img {
	margin-top:-259px;
	margin-left:-5px;
}	
	* html #feature .butterfly .box img {
		width:400px;
		height:500px;
		margin-top:100px;
		margin-left:0;
		padding:0;
	}

.subcol .large .butterfly .box {
	margin-top:-100px;
}
	* html .subcol .large .butterfly .box {
		margin-left:-10px;	
	}

img.butterfly {
	margin:10px 0 10px 10px;
	float:right;
	position:relative;
}

/*.marchofdimes .box {
	width:201px !important;
	margin-top:0px;
	margin-bottom:20px;
	text-align:center;	
}

.marchofdimes .box img {
	margin-bottom:0px;
}

.marchofdimes .box span {	
	display:block;
	clear:both;	
	width:201px;
	margin-top:0; 
	margin-bottom:0;
	padding-bottom:10px;
	text-align:center;	
	line-height:1em;
	color:#9C5FB5 !important;
}*/

.bookmarks {padding-left:11px;}
.col-index .bookmarks {
	clear:left;
	margin-top:10px;
	padding-left:0;	
}
.bookmarks .box {
	width:181px;
	margin:0;
	border:none;
}

.col-index .bookmarks .box,
.sidenav .bookmarks .box {
	display:block;
	margin:0 0 4px;
	border:none;
	padding:0;
	background:none;
}
.col-index .bookmarks .box {width:auto;}


.bookmarks a {
	float:left;
	margin:0 4px 0 0;
	border:none;
	background:none;	
}
.sidenav .bookmarks .box {
	display:block;
	margin-top:0; 
	margin-bottom:0;
}								
.bookmarks .box a img {
	margin:0;	
}

.bookmarks span {
	display:block;
	clear:both;
	font-weight:700;
	font-size:90%;
	color:#77abff;
}


.box span.charity {
	display:block;
	padding-bottom:20px;
	text-align:center;
	color:#9C5FB5;
}