/* CSS Document */

body {
	/*background:#f7fafc url("/gfx/bg_body.gif") repeat-x left top;*/
	background:#f7fafc;
	
	/*background:#85a8cf url("/gfx/_test_bg_body2.gif") repeat-x left top; */
	background:#6184b6 url("/gfx/bg_body.gif") repeat-x left top;
}


/* Basic HTML Elements
-------------------------------------------------------------------------------------  Basic HTML Elements */
h1, h1.replace {	
	margin-left:25px; margin-left:5px;
	padding-top:125px; padding-top:135px;
	border-bottom:1px solid #E9EEF5; 	
	color:#003399; color:#7e0618; color:#00036f; color:#325998; color:#244889; color:#000099;
}
h1.replace { 
	background-image:url("/gfx/h1_replace.gif");
}
h1.replace strong {
	height:40px;  
}
h1.reducedmargin {
	padding-top:95px; padding-top:105px;
}
#index h1 {
	padding-top:60px;
	border:none;
}
#index h1 strong span {
	display:none;
}
.col-MS h1 {
	padding-right:217px;
}
h2 {
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:#5C7DBD; color:#4b5f7e; color:#85a8cf; color:#333399; color:#3366cc;
	
}
h2 a:link, 
h2 a:visited {
	color:#3366CC; 
}

h3 {
	font-size:112%; font-size:105%;
	font-family:Arial, Helvetica, sans-serif;
	color:#5C7DBD; color:#4040b3; color:#4775d1;
}

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

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

					.col-MS .maincol {width:634px;}
					.col-MS .subcol {width:192px;}
					.col-MS#index .maincol {width:629px;}
					.col-MS#index .subcol {width:197px;}
					
					
.col-index .subcol {
	float:left;
	margin-left:5px;
	width:100%;
}	* html .col-index .subcol {width:836px;}

/* Header
--------------------------------------------------------------------------------------------------  Header */
#header-wrap {
	height:90px;	background:none;
}
#header {
	height:90px;
}
#logo {
	 
	margin-top:5px;display:block; height:40px; margin-left:5px;
}
#logo-wrap {margin-bottom:-40px; height:40px;}

/* Main Navigation
-----------------------------------------------------------------------------------------  Main Navigation */
#nav {
	background:#FFFFFF url("/gfx/bg_nav.gif") bottom left repeat-x;
}
#nav div {
	
}
#nav a {
	border-color:#9ebbda;		
	/*background:url("http://www.missionpharmacal.com/Global_Content/Skins/Version_02-0/gfx/btn_nav_left.gif") no-repeat left top;*/
	background:url("/gfx/btn_nav_left.gif") no-repeat left top;
	
}
#nav a:hover {
	background-position:0% -150px;
}
#nav a span {		
	/*background:url("http://www.missionpharmacal.com/Global_Content/Skins/Version_02-0/gfx/btn_nav_right.gif") no-repeat right top;*/
	background:url("/gfx/btn_nav_right.gif") no-repeat right top;
	color:#6088bb;

}
#nav a:hover span {
	background-position:100% -150px;	
	color:#244889;

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

/* 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 (5) plus the combined left and right padding of #body-wrap (5+5). 846-5+10 = 851 */			
	width:826px; width:851px;		
	padding-left:30px; padding-left:5px;
	background:#FFFFFF url("/gfx/bg_nav.gif") bottom left repeat-x;
}
#subnav a {	
	border-color:#9ebbda;
	padding-right:0;
	padding-left:9px;
	/*background:url("http://www.missionpharmacal.com/Global_Content/Skins/Version_02-0/gfx/btn_subnav_left.gif") no-repeat left top;*/
	background:url("/gfx/btn_nav_left.gif") no-repeat left top;
}

#subnav a span
{
	padding-right:9px; 
	/*background:url("http://www.missionpharmacal.com/Global_Content/Skins/Version_02-0/gfx/btn_subnav_right.gif") no-repeat right top;*/
	background:url("/gfx/btn_nav_right.gif") no-repeat right top;
	color:#6088bb;

}
#subnav a:hover {
	background-position:0% -150px;
}

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

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

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

/* Side Navigation
-----------------------------------------------------------------------------------------  Side Navigation */
.sidenav {
	margin:0.45em 0 1.5em 0;	
	text-decoration:none;
}

.sidenav br {
	display:none;
}

.sidenav strong  {
	display:block;
	margin-bottom:5px;
	text-align:left;
	font:bold 140%/1em Helvetica, Arial, sans-serif;
}
.sidenav img {
	float:left;
	margin:0 7px 0 0;
}

.sidenav a {
	float:left;	
	width:200px;
	margin:0;
	padding:10px 0px 0px 0px;
	/*background:url("http://www.missionpharmacal.com/Global_Content/Skins/Version_02-0/gfx/btn_boxnav_top.gif") no-repeat left top;*/
	background:url("/gfx/btn_boxnav_top.gif") no-repeat left top;
	text-decoration:none;
}
* html .sidenav a {position:relative;}

.sidenav a:link, .sidenav a:visited {
	text-decoration:none;
	border:0;	
}

.sidenav a:hover {
	background-position:-200px 0;
}

.sidenav a span {
	float:none;
	display:block;
	border:none;
	padding:0px 15px 16px 15px;	
	/*background:url("http://www.missionpharmacal.com/Global_Content/Skins/Version_02-0/gfx/btn_boxnav_bottom.gif") no-repeat right bottom;*/
	background:url("/gfx/btn_boxnav_bottom.gif") no-repeat right bottom;
	text-align:left;
	color:#585D68;
}

.sidenav a span strong {
	color:#585D68; color:#808080;
}

.sidenav a:hover span {
	background-position:0px 100%;
}

.sidenav a:hover span strong {
	color:#8B9FBA; color:#3399ff;  color:#4890ff;
}
.sidenav a span.left {
	text-align:left;
}
.sidenav a span.right {
	text-align:right;
}
.sidenav a span img.right, 
.sidenav a span.left img,
.sidenav a span.right img.right {
	float:right;
	margin:4px 0 0 7px;
}
.sidenav a span img,
.sidenav a span.left img.left, 
.sidenav a span.right img {
	float:left;
	margin:4px 7px 0 0;
}
.sidenav a span img.fullwidth {
	margin-left:0;
	margin-right:0;
	float:none;
}
.sidenav sup {
	top:auto;
	font-size:60%;
	vertical-align:text-top;	
}
.col-M .sidenav {
	display:none;
}

/* Index Pages
---------------------------------------------------------------------------------------------- Index Pages */
#index .sidenav {
	display:none;
} 
#index .wrapper {
	margin-top:10px;
}
/* Features
------------------------------------------------------------------------------------------------- Features */
#feature dl {
	font-size:.8em;
	float:right;
}
#feature dl sup {
	font-size:70%;
}
#feature dt {
	display:none;
}
#feature dd {
	padding-bottom:.3em;
}
#feature .raquo {
	color:#63AB18;
}
/*#feature .three-column .box {
	width:856px;
	margin:0;
	border:0;
	padding:0;
}
#feature .three-column .box h2 strong {
	font:bold 120%/1em Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#3B63AB;
}
#feature .three-column .box h2 a:hover, 
#feature .three-column .box h2 a:hover strong {
	color:#63AB18;
}
#feature .three-column .box h3 {
	font:bold 120%/1em Arial, Helvetica, sans-serif;
	font-style:italic;
}
#feature .three-column dl {
	width:207px;
}*/


#feature .box h2 { font-family:Verdana, Arial, Helvetica, sans-serif;}

#feature .box h2 em {font-size:.8em;}

#feature .box h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-style:italic;
	font-weight:500;
}

#feature .box { 
	min-height:350px;
} * html #feature .box {height:400px;}

#feature .green .box h2 a strong {color:#0073CF;}
#feature .red .box h2 a strong {color:#B40536;}
#feature .blue .box h2 a strong {color:#314599;}
#feature .pink .box h2 a strong {color:#314599;}

#feature .green .box h3 {color:#666666;}
#feature .red .box h3 {color:#666666;}
#feature .blue .box h3 {color:#666666;}
#feature .pink .box h3 {color:#666666;}

#feature .box {
	width:180px;
}

/* Boxes
---------------------------------------------------------------------------------------------------  Boxes */	
/*
.col-MS .subcol .box, 
.col-MS .xcol .box, 
.col-SM .subcol .box, 
.col-SM .xcol .box {
	width:180px;
}
	* html .col-MS .subcol .box, 
	* html .col-MS .xcol .box, 
	* html .col-SM .subcol .box, 
	* html .col-SM .xcol .box {width:202px;}


.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;}
*/

.firefox .box {
	/* This is applied to the rightmost box in the feature page on the index page.
	   Without it, the box drops below the other three. */
	margin-right:0;
}

.box {
	border-color:#e5e5e5; border-color:#d6e2ec; 
}




.green .box {
	background:#FFFFFF url("/gfx/bg_box_green.gif") top center repeat-x;
}
.box h2 strong {
	padding-top:5px;
	font-weight:500;
}
.green .box h2 a strong {
	color:#6C820F;
}
.red .box {
	background:#FFFFFF url("/gfx/bg_box_red.gif") top center repeat-x;
}
.red .box h2 a strong {
	color:#BB733B;
}
.blue .box {
	background:#FFFFFF url("/gfx/bg_box_blue.gif") top center repeat-x;	
}
.blue .box h2 a strong {
	color:#649AC7;
}
.pink .box {
	background:#FFFFFF url("/gfx/bg_box_pink.gif") top center repeat-x;	
}
.pink .box h2 a strong {
	color:#21219B;
}

.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;
}

.subcol .box {width:182px;}

/* Images
--------------------------------------------------------------------------------------------------  Images */
/* Items
---------------------------------------------------------------------------------------------------- Items */
/* Lists
---------------------------------------------------------------------------------------------------  Lists */
.pink .box ul li {
	background-image:url("/gfx/bullet_pink.gif");
}
#feature .box ul {
	margin-bottom:0;
	margin-left:-5px;
}
#feature .box ul li {
	line-height:1.25em;
}
#feature .box dl {
	margin-bottom:0;
}

/* Pull Content
--------------------------------------------------------------------------------------------  Pull Content */
.pull h3, 
.pull240 h3, 
.pull300 h3, 
.pull360 h3 {
	margin:4px 4px 0px 4px;
	border-bottom-width:0px;
	background-color:#6383BB;
	color:#FFFFFF;	
	padding-left:2px;
	padding-right:2px;
}
.pull img.border,
.pull240 img.border,
.pull300 img.border, 
.pull360 img.border {
	border-color:#d6e2ec;
}
.pull,
.pull240,
.pull300,
.pull360, 
.pull440 { 
	background:#FBFDFE;
}
.pull p.legend,
.pull240 p.legend,
.pull300 p.legend,
.pull360 p.legend, 
.pull440 p.legend {
	color:#6383BB;	
}

/* Footer
--------------------------------------------------------------------------------------------------  Footer */
#footer {
	border:none;
	background:#FFFFFF url("/gfx/bg_footer_center.gif") left top repeat-x;
}

#footerlogo {
	display:none;
}
#footertext {
	float:right; 
	margin-right:10px;
}

/* Footnotes
-----------------------------------------------------------------------------------------------  Footnotes */
/* Tables
--------------------------------------------------------------------------------------------------  Tables */
table {
	border-color:#ccc;
}
td, th {
	border-color:#ccc; 
	text-align:center;
}
td { 
}
th {
	background:#f5f5f5;
}
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;
}


thead th {
	margin-top:5px;
	border:1px solid #ccc; 
	padding:5px;	
	font:bold 108%/1.1em Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	background-color:#ea0000;
	color:#FFFFFF;
	text-align:center;
	vertical-align:top;
}
th strong {font-size:115%;display:block;white-space:nowrap;margin-bottom:.5em;	}
th em {font-size:105%; 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;}

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-color:#ccc;
	color:#000;
}
.category th {	
	padding-left:1em;
	background:#ccc;
}

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 {}

table.alternating tbody td, 
table.alternating tbody th {	
	font-weight:normal;
	font-size:.9em;
	line-height:1.1em;
	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;
}


#samples table {margin-left:5px; margin-right:0; width:836px;}

#samples table thead .no-border {color:#333; vertical-align:bottom; text-align:left; padding-left:1em; font:bold 115%/1.1em Geneva, Arial, Helvetica, sans-serif;}

/* Forms
---------------------------------------------------------------------------------------------------  Forms */
/* Mobile
--------------------------------------------------------------------------------------------------  Mobile */
/* Misc
----------------------------------------------------------------------------------------------------  Misc */
.col-SM .subcol #utilities,  
.col-SM .subcol #printerfriendly, 
.col-SMX .subcol #utilities,  
.col-SMX .subcol #printerfriendly {
	margin-left:5px;
} 

#samples h1 {border-bottom:none; /*padding-top:105px;*/ padding-left:293px; color:#ea0000;}
#samples .feature p {line-height:1.8em;}

* html #samples .samples .box p {padding-right:10px; padding-left:10px;}

#index .samples .box {padding-left:15px;}

#index .samples .box a:link, 
#index .samples .box a:visited,
#samples .samples .box a:link, 
#samples .samples .box a:visited {
	border:none;
}
	
#samples ul.details {margin-top:2em;}
#samples ul.details li {padding-bottom:.5em;}


#samples .citranatal .box {min-height:700px; padding-bottom:270px; background:url("/gfx/samples_bg_citranatal.gif") center bottom no-repeat;}
#samples .ferralet .box {min-height:700px; padding-bottom:270px; background:url("/gfx/samples_bg_ferralet.gif") center bottom no-repeat;}
#samples .tindamax .box {min-height:700px; padding-bottom:270px; background:url("/gfx/samples_bg_tindamax.gif") center bottom no-repeat;}
	* html #samples .citranatal .box, 
	* html #samples .ferralet .box, 
	* html #samples .tindamax .box {width:250px; height:1000px;}



* html #samples .citranatal .box img,
* html #samples .ferralet .box img, 
* html #samples .tindamax .box img {margin:0;}
* html #samples .samples .box {margin-top:-30px; padding:0;}

#index .samples .box img{
	/*margin-left:-8px;*/
}	* html #index .samples img {margin-left:0;}

#samples .box img {
	float:none;
}

#samples .samples .box img {
	margin-top:-50px; margin-top:-40px;
	margin-right:0; 
	margin-left:-12px;
}	* html #samples .samples .box img {margin:0;}

.sidenav hr {
	background-color:none;
	color:none;
	height:1px;
	border:none;
}

/* 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") bottom left no-repeat; margin-left:0; padding-left:30px;}
#footer { width:900px; background:transparent url("/gfx/bg_footer_left.gif") top left no-repeat; margin-left:-5px; }
#logo {margin-left:5px;}
*/

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





/***************************************************************************************************/

/* Header
--------------------------------------------------------------------------------------------------  Header */

/*#header-wrap {
	height:176px;
	background:none; 
}  
#index #header-wrap {display:none;}
#header {
	height:176px;	
	background-image:url("/gfx/masthead.jpg");
}
#index #header {
	height:50px;
	background:none;
}

#logo-wrap {
	width:200px;
}*/



/* Main Navigation
-----------------------------------------------------------------------------------------  Main Navigation */
#nav {
	font-size:100%;
	background:url("/gfx/bg_nav2.gif") bottom left repeat-x;
}

#nav div { 
	padding-left:5px;
}




/* Sub Navigation
------------------------------------------------------------------------------------------  Sub Navigation */
#subnav {
	font-size:100%;
}


/* Footer
--------------------------------------------------------------------------------------------------  Footer */
#footer {
	margin-right:5px;
	margin-left:5px; 
	border-top-color:#C8E5FF;
	background:none;
}
#footertext {
	padding-left:0;
}


		/* 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;
			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;	
		}



/*.bookmarks a {
	float:left;
	margin:0 4px 0 0;
	border:none;
	background:none;	
}

.bookmarks .box a img {
	margin:0;	
}

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

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

}

.sidenav .charity div .btns a, 
.col-index .charity div .btns a, 
#index .charity div .btns a {width:auto; float:none; 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,
#index .charity div .btns a:hover {border-color:#cdadd9;background:#ebdff0;}