/* CSS Document */

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

/* Basic HTML Elements
-------------------------------------------------------------------------------------  Basic HTML Elements */
h1, 
h1.replace {
	padding-top:290px;	
	padding-bottom:0;
	font-weight:500;
	font-size:170%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:24px;	
	color:#001CA8;
}
.col-MS h1 {
	padding-left:20px;
}
.col-SM h1,
.col-SM h1 replace, 
.col-SMX h1, 
.col-SMX h1.replace,
.col-XMS h1, 
.col-XMS h1.replace {
	padding-left:222px;
}

h1.reducedmargin {
	padding-top:256px;
}
.col-MS h1.reducedmargin  {
	padding-right:232px;
}
.col-index h1, 
.col-index h1 strong {
	height:30px;
	margin:0;
	padding:0;
}
.col-index h1 strong span {
	display:none;
}
						
h2, 
.box h2 {	
	font-family:Arial,Verdana,Sans-serif;	
	line-height:20px;
	color:#4b62bf;
}
.box h2 {
	font-weight:bold;
	font-size:120%;	
}
h2 strong {
	font-weight:500;
	font-size:90%;
}
h2 a:link, 
h2 a:visited {
	color:#4b62bf;
}

h3, 
h3 a:link, 
h3 a:visited {
	border-bottom:none;
	font-style:italic;
	font-size:1.05em;
	font-family:Arial,Verdana,Sans-serif;	
	text-decoration:none;	
	color:#4b62bf;
}
.box h3 {
	font-style:normal;
}
.xcol h3 {
	font-size:1.15em;
}

p {
	margin-bottom:1.4em;
}
.xcol p {
	margin-bottom:1em;
}

a:link, a:visited {  
	border-color:#B4C0E8;
	color:#6a82d2;
}
a:hover {
	border-color:#4B62Bf;
	color:#4B62BF;
}

/* Layout
--------------------------------------------------------------------------------------------------  Layout */
.wrapper {
	margin-right:0;
}

.col-XMS .wrapper {
	float:right;
	width:634px;	
}
.col-index .wrapper {
	margin-right:0;
}
.col-MS .maincol, 
.col-SM .maincol {
	width:624px; 
	margin:0 5px;
}
.col-MS .maincol {
	width:604px;
	margin-left:21px;
}
.col-SM .maincol {
	width:608px;
	margin-right:21px;
}
.col-SMX .maincol {
	margin-right:0;
}
.col-XMS .maincol {
	margin-left:5px;
}
.col-index .maincol {
	width:auto;
	margin-right:21px;
	margin-left:21px;
}	* html .col-index .maincol {width:814px;}

.col-SM .subcol {
	width:182px;
	margin-right:0;
}
.col-SM .subcol, 
.col-SMX .subcol,  
.col-MS .subcol,
.col-XMS .subcol {
	width:202px;
	margin-top:0;
	margin-right:0;
}
.col-SM .subcol, 
.col-SMX .subcol {
	margin-left:0;
}

.col-index .subcol {
	float:left;
	clear:left;
	width:100%;
	margin-left:21px;
	padding-bottom:10px;	
	padding-top:8px;	
	background:none;
}	* html .col-index .subcol {width:814px;}

.col-SMX .xcol {
	width:202px;
	margin-right:-1px;
}
	* html .col-SMX .xcol {margin-right:-6px;}
	
.col-XMS .xcol {
	width:202px;
	margin-top:-58px;
	margin-right:10px;
	margin-left:0;	
	padding-bottom:50px;
}
	* html .col-SMX .xcol {width:202px;}
	
#body-wrap {
	width:856px;
	border-color:#CFDFAB;
	padding-right:0;	
	padding-left:0;
}

/* Header
--------------------------------------------------------------------------------------------------  Header */
#header-wrap {
	height:240px;
	background:none; 
}

#header {
	height:240px;	
	background-image:url("/gfx/masthead.gif");
}
#logo-wrap {
	width:200px;
}
.col-index #header-wrap {
	height:30px;
}
.col-index #header {
	height:30px;
	background-image:url("/gfx/feature_content_bg.gif");
}
* html .col-index #header {
	height:20px;
}

/* Main Navigation
-----------------------------------------------------------------------------------------  Main Navigation */
#nav {
	font:bold 110%/1.1em Geneva, Arial, Helvetica, sans-serif;
	background:url("/gfx/bg_nav.gif") no-repeat center bottom;
}
#blue #nav {background-image:url("/gfx/bg_nav_blue.gif");}
#gray #nav {background-image:url("/gfx/bg_nav_gray.gif");}
#green #nav {background-image:url("/gfx/bg_nav_green.gif");}
#pink #nav {background-image:url("/gfx/bg_nav_pink.gif");}

#nav div { 
	border-bottom:none;
}

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

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

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

#nav .current a:hover {
	/*background-position:left top;	*/
}
#nav .current a:hover span {
	/*background-position:right top;*/	
	color:#FFFFFF;	
}

#nav a.blue {background-image:url("/gfx/btn_nav_left_blue.gif"); border-bottom-color:#4b62bf;}
#nav a.gray {background-image:url("/gfx/btn_nav_left_gray.gif"); border-bottom-color:#acacac;}
#nav a.green {background-image:url("/gfx/btn_nav_left_green.gif"); border-bottom-color:#2abc5e;}
#nav a.pink {background-image:url("/gfx/btn_nav_left_pink.gif"); border-bottom-color:#ff6cc3; }
#nav a.blue span {background-image:url("/gfx/btn_nav_right_blue.gif");}
#nav a.gray span {background-image:url("/gfx/btn_nav_right_gray.gif"); }
#nav a.green span {background-image:url("/gfx/btn_nav_right_green.gif");}
#nav a.pink span {background-image:url("/gfx/btn_nav_right_pink.gif");}

#nav .current a.blue span,
#nav .current a.gray span,
#nav .current a.green span,
#nav .current a.pink span {color:#FFFFFF;}
#nav .current a.blue:hover span, 
#nav .current a.gray:hover span,
#nav .current a.green:hover span,
#nav .current a.pink:hover span {color:#FFFFFF;}

/* Sub Navigation
------------------------------------------------------------------------------------------  Sub Navigation */
#subnav {
	height:26px;
	bottom:0;		
	font:bold 110%/1.1em Geneva, Arial, Helvetica, sans-serif;
	background:#FF0090;
	
}
#blue #subnav {background:#001CA8;}
#gray #subnav {background:#898989;}
#green #subnav {background:#2EB135;}
#pink #subnav {background:#FF0090;}
	* html #subnav {
		height:36px;
	}

#subnav .top-horizontal {						
	width:856px;	/* This is the width of #subnav (846px globally) minus the left padding of .top-horizontal (10px), minus the 
							left and right padding of #body-wrap .content (5px + 5px). It isn't necessary if no subnav bg is used in a skin */
}

#subnav a {	
	margin:0;
	border-bottom:0;	
	padding:5px 5px;	 
}
#subnav a:hover {
	margin:0;	
}

#subnav a span {
	margin:0;
	padding:0;
	color:#FFFFFF;
}
#lightblue #subnav a span {color:#D1F0FF;}
#darkblue #subnav a span {color:#DCE7F5;}
#green #subnav a span {color:#DEFBD5;}
#gray #subnav a span {color:#ECECEC;}

#subnav a:hover span {
	margin:0; 
	padding:0;
	color:#FFFFFF;
}
#blue #subnav a:hover span, 
#green #subnav a:hover span, 
#gray #subnav a:hover span,
#pink #subnav a:hover span {
	color:#FFFFFF;
}

#subnav .current a {
	margin:0;			
}

#subnav .current a span {	
	margin:0; 
	padding:0;
	color:#FFFFFF;
}

#lightblue #subnav .current a span, 
#darkblue #subnav .current a span, 
#green #subnav .current a span, 
#gray #subnav .current a span {
	color:#FFFFFF;
}

em.current {
	font-style:normal;
	font-size:1.125em;
	font-weight:bold;
}	
	* html em.current {
		padding-right:2px; 
		padding-left:2px;
	}

#blue em.current {color:#4B62BF;}
#gray em.current {color:#ACACAC;}
#green em.current {color:#2ABC5E;}
#pink em.current {color:#FF6CC3;}

#blue .current em.current,
#gray .current em.current,
#green .current em.current,
#pink .current em.current {
	color:#FFFFFF;
}
#blue a:hover em.current {color:#ECEFF9;}
#gray a:hover em.current {color:#F7F7F7;}
#green a:hover em.current {color:#EFFBF4;}
#pink a:hover em.current {color:#FFF0FA;}


/* Side Navigation
-----------------------------------------------------------------------------------------  Side Navigation */
.sidenav {
	margin-top:0px;
}

.sidenav h3 {
	width:192px;
	margin-left:-10px;
	padding:5px 0 5px 10px; 
	font-style:normal;
	font-size:1.05em;	
	color:#898989;	
}
	* html .sidenav h3 {
		width:202px;
		margin-right:-10px;
	}
						
.sidenav .active  h3 {
	background:url("/gfx/subcol_tab_green.gif") no-repeat left top; 
	color:#81B44E;
}

.sidenav .box {
	width:182px; width:202px;
	margin-top:0;
	margin-bottom:0;	
	border-width:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:10px;
	background:url("/gfx/tab_subcol_gray2.gif") no-repeat left top; 		
		
}

.sidenav .active .box {
	background:url("/gfx/tab_subcol_gray2.gif") no-repeat right top; 
}

.sidenav a {
	display:block;
	border-color:#DCDCDC;
	background:url("/gfx/bg_sidenav_link.gif") no-repeat right bottom;  
	color:#ACACAC;
}
	* html .sidenav a:link, 
	* html .sidenav a:visited {
		border-color:#dcdcdc;
	}
.sidenav h3 a {background:none;}
	
.sidenav a strong { 
	color:#C3C3C3;
}
.sidenav .current a, 
.sidenav div a:hover strong, 
.sidenav .current a strong, 
.sidenav .current a:hover strong {
	color:#FF0090;
}

.sidenav .box img {
	margin:10px 0;
}



/* Index Pages
---------------------------------------------------------------------------------------------- Index Pages */


.col-index #utilities dt, 
.col-index #printerfriendly dt {
	float:left;
	margin-right:10px;	
}	
	* html .col-index #printerfriendly {clear:left;}

.col-index .subcol .box {
	width:auto;
}
.col-index .subcol .no-border .box {
	padding-left:0;
}

																														/*.col-index .sidenav {
																															display:none;
																														}*/

/* Features
------------------------------------------------------------------------------------------------- Features */
* html #featureimage {
	margin-top:10px;
}

/* Boxes
---------------------------------------------------------------------------------------------------  Boxes */	
.col-MSX .maincol .box, 
.col-XMS .maincol .box {
	width:390px;
}
	* html .col-MSX .maincol .box, 
	* html .col-XMS .maincol .box { width:412px; }



.col-index .maincol .box {
	width:100%;
	margin-left:0;
	border:none;
	padding:0;	
}


.col-SM .subcol .box, 
.col-SMX .subcol .box, 
.col-MS .subcol .box,
.col-MSX .subcol .box,  
.col-XMS .subcol .box {
	width:180px;
}

				/*.col-MS .subcol .box,  
				.col-XMS .subcol .box {
					width:182px;
				}	
					* html .col-XMS .subcol .box { width:202px; }
				*/

.xcol .box {
	margin:0;
	border:none;
	color:#FFFFFF;
	padding-top:0;
	padding-bottom:0;
}


.col-MS .xcol .box,
.col-MSX .xcol .box,  
.col-SM .xcol .box, 
.col-XMS .xcol .box {
	width:202px;
}
	* html .col-MS .xcol .box, 
	* html .col-MSX .xcol .box, 
	* html .col-SM .xcol .box, 
	* html .col-XMS .xcol .box	{ 
		width:212px;
	}


.maincol .graph .box {																		
	width:410px;
	/*border-color:#33CC00;*/
	padding-top:0;
	padding-right:0;
	padding-left:0;	
}
.maincol .graph .box img {
	margin:0;
	float:none;
}
.maincol .graph .box h3 {
	margin-bottom:0;
	/*border-bottom:1px solid #33CC00;*/
	padding:5px;	
	font-size:1.15em;
	font-weight:bold;
	text-align:center;
	/*background-color:#009933;*/
	color:#FFFFFF;
}
	
.maincol .graph .box p {
	padding-right:10px;
	padding-left:10px;
}

.graph p.figurename {
	font-weight:bold;
	font-size:.85em;
	line-height:.85em;
	text-align:right;		
	text-transform:uppercase;
	vertical-align:top;
	color:#B3B3B3;
}	


.productlogos .box, 
.productlogos .box img {
	padding:0;
	margin:0;
}
.productlogos {background:url("/gfx/bg_xcol_long.gif") repeat-x left top;}
.productlogos .assure .box {}

.col-index .announce .box {
	width:250px;
	margin-left:20px;
	margin-bottom:20px;
	font:normal 120%/1.2em Geneva, Arial, Helvetica, sans-serif;
	
	text-align:center;
	color:#898989;
}

.col-index .announce .box img {
	margin-top:10px;
	margin-bottom:10px;
}
.col-index .subcol {
	width:826px;
}
.col-index .subcol .box {
	width:826px;
}

/* Images
--------------------------------------------------------------------------------------------------  Images */
/* Lists
---------------------------------------------------------------------------------------------------  Lists */
ul.details {
	margin-top:-1.4em;
}
.box ul.details {
	margin-top:-1em;
}
.box ul.details li {
	float:left;	
	margin-right:20px;
}
dl.details dt {
	color:#33CC00;
}
dl.pr dd strong {
	font-weight:normal;
}

/* Pull Content
--------------------------------------------------------------------------------------------  Pull Content */
/* Footer
--------------------------------------------------------------------------------------------------  Footer */

/* DO NOT DELETE THIS. This is a reminder that relative positioning breaks printer-friendly pages.			*/
/* Also, it serves no purpose for screen, at least for the urology family. position:relative;				*/	
#footer {
	/*position:relative;	*/
	height:40px; height:60px;
	margin-right:-7px;
	margin-bottom:-40px;
	margin-left:-7px;
	border:none;
	padding-top:5px;
	padding-bottom:15px;
	background:url("/gfx/bg_footer.gif") no-repeat center bottom;
}
	* html #footer {
		margin:0;
		border-top:1px solid #EFEFEF;
		background-image:none; 
		background-color:#FFFFFF;
	}
	
/* DO NOT DELETE THIS. This is a reminder to NEVER change the margins of the footer with and IE6 * hack. 	*/
/* Doing so will cause the footer peekaboo bug:  * html #footer {margin:0;}									*/
#footertext, 
#footerlogo {
	padding-left:24px;	
}

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

/*		#modlogo {padding-left:20px;}*/

.footertext, 
.footerlogo {
	padding-left:24px;	
	font-size:.8em;
}

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

/* Footnotes
-----------------------------------------------------------------------------------------------  Footnotes */

/* Tables
--------------------------------------------------------------------------------------------------  Tables */
table {
	border-color:#001ca8;
}
td, th {
	border-color:#8191d2; 
	text-align:center;
}
td {
	text-align:left;
}
th {
	background:#001CA8;	
}
table sub {
	position: relative;
	bottom:-.05em;
	vertical-align: baseline;
	font-size: .95em;	
}
caption {
	font:bold 120%/1.1em Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
}
caption strong  {
	display:block;
	font-weight:normal;
	font-size:1em;
}
th.bg {
			/*background:ccc;*/
}

thead th {
	margin-top:5px;
	border:1px solid #001ca8; 
	padding:5px;	
	font:bold 108%/1.1em Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	background-color:#001CA8;
	color:#FFFFFF;
}
td.legend, 
th.legend, 
tr.legend td.tablename {
	color:#B3B3B3;
}

.category, 
.category th, 
.category td {
	padding-top:5px;
	padding-bottom:5px;
	font:bold 100%/1.1em Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;	
	text-align:left;
	border-top-color:#8cac53;
	border-bottom-color:#8cac53;
	background:#EFEFF9; background:#e7efd5;
	color:#009933; color:#001ca8; color:#000;
}
.category th {
	/*font-weight:bold;	
	font-size:.9em;*/
	font-style:normal;
	line-height:1em;
	padding-right:3px;
	padding-left:3px;
}

thead th strong em, 
.category th strong em {
	display:block;
	padding-top:3px;
	font-weight:normal;
	font-style:normal;	
}
th.highlight {
	background:#F0FFE1;
}
thead th.highlight {
	background-color:#0091F0; 
}
.category th.highlight {
	color:#FFF;
}

table.alternating {

background:#ffffff url("/gfx/bg_table.jpg") repeat-y right top;
			/*	border:1px solid #8191d2;*/
}
table.alternating tbody td, 
table.alternating tbody th {
/*	border:1px solid #8191d2;*/

	
	font-weight:normal;
	font-size:.9em;
	line-height:1.1em;
	/*background:#FFFFFF;*/
	color:#000000;

}
table.alternating tbody tr td, 
table.alternating tbody tr th {
	background:none;
	
}
table.alternating tbody tr.alt td,
table.alternating tbody tr.alt th {
														background:#d0e6b7;	
}

table.alternating tfoot td {
	/*border-top:1px solid #8191d2;*/
}
tr.category th.no-right {
	border-right-color:#CCFF99;
}

td ul {
	margin-left:0;
}
td ul li {
	padding-left:15px;
}

table.babynames td {text-align:center;}
td.namerank, 
th.namerank { text-align:center; font-weight:800;}
thead th.namerank { /*background-color:#f3f7ea;*/ background:#f7f7f7;color:#000; border-top:none;}
td.boys {}
th.boys {}
thead th.boys { background-color:#001ca8; color:#fff; width:225px; padding-left:25px; padding-right:0;}
thead th.boys-light { background-color:#f3f5fc; color:#001ca8;}
td.girls {}
th.girls {}
thead th.girls {background-color:#ff0090; color:#fff; width:225px; padding-left:25px; padding-right:0;}
thead th.girls-light {background-color:#fff6fd; color:#ff0090;}
thead th.girls-center {
border-left-color:#ccc;
border-right-color:#ccc;
}

table.babynames td.b, 
table.babynames td.g {
	padding-right:0; 
	padding-left:0; 
	width:90px;
}
table.babynames .alt .g {background:#fff0fa;}
table.babynames .alt .b {background:#eceff9;}
table.babynames .alt .namerank {background:#f7f7f7;}

table.babynames thead .no-background {
	background:none;
	border-top:none;
}

/* Forms
---------------------------------------------------------------------------------------------------  Forms */
/* Mobile
--------------------------------------------------------------------------------------------------  Mobile */
/* Misc
----------------------------------------------------------------------------------------------------  Misc */
em.raquo {
	font-weight:bold;	
	font-size:120%;
	font-style:normal;
}

.home {
	float:right;
	margin-top:155px;	
}
	* html .home {
		margin-bottom:-33px;
	}

#nav .home a {
	background:none;
	border-bottom:0;
}

img.landingpage01 {margin-left:90px;}


/* 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; }
			#header-wrap, body { background:none; }
	#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 */

.small p {font-size:80%;}

.col-index .blackbox {width:550px;}


.charting,
.duedate {
	margin-bottom:20px;	
}

.col-index .charting, 
.col-index .duedate {
	display:none;
}

.sidenav .charting .box, 
.sidenav .duedate .box, 
.sidenav .charting .box a, 
.sidenav .duedate .box a {
	background:none;	
}




/*.col-index .samples {
	float:right; 
	margin:30px 0 30px 30px; 
	width:201px;
}*/	* html .col-index .samples {width:182px;}


.sidenav .charity .box {
width:auto; 
margin-bottom:15px;
}
.sidenav .charity .box span, 
.col-index .charity .box span {
width:auto; width:182px;
/*padding-left:5px;*/
text-align:justify;
}
.col-index .charity .box  {
width:201px;
}
.col-index .charity .box a {
float:right;
}

.col-index .charity .box span {
width:auto;
margin-top:5px;
/*padding-right:5px;*/
}



.sidenav .charity div .btns a, 
.col-index .charity div .btns a {margin:5px;padding:3px;border:1px solid #ebdff0; background:#faf7fb;display:inline; font-weight:700;color:#9c5fb5;}
.sidenav .charity div .btns a:hover,
.col-index .charity div .btns a:hover {border-color:#cdadd9;background:#ebdff0;}

.safety .two-column .box {border:1px solid #edf3fc;}
.col-index .safety .two-column .box  {width:550px; padding:10px;}
.col-index .safety .two-column .box .blackbox {width:auto; border-color:#000000;}

.youtube {
	display:block;
	float:right; 
	clear:right;
	margin:30px 0 30px 30px; 
	width:201px; width:390px;
}	* html .youtube {width:182px; width:372px;}

.col-index .charity .box {
	width:390px;

}

.col-index .samples .box {
	float:right;
	width:390px;
	margin-right:0;	
	margin-left:10px;
} * html .samples .box {width:372px;}

.col-index .samples .box img {
	margin:0;
	margin-left:10px;
}

.col-index .bookmarks .box {
	width:390px;
} * html .col-index .bookmarks .box {width:372px;}

.col-index .charity .bookmarks .box a {
	float:right;
	border-bottom:none;
}

.col-index .blackbox {width:auto;}