/* CSS Document */

body {
	background:#FFFFFF;	
}
* html body {
	background:#FFFFFF url("/gfx/bg_header.gif") repeat-x top;
}

/* Basic HTML Elements
-------------------------------------------------------------------------------------  Basic HTML Elements */
h1, h1.replace {
	margin-left:4px;
	border-bottom-width:0;
	padding-top:230px;
	font:normal 160%/1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#7D796A;
}
h1.replace { 
	background-image:url("/gfx/h1_replace.gif");
}
h1.replace strong {
	height:40px;  
}
h1.reducedmargin {
	padding-top:200px;
}
h2 {
	font:bold 120%/1.2em Verdana, Arial, Helvetica, sans-serif;	
	color:#CC7C54;
}
h2 strong {
	color:#BC623E;
}
h2 a, h2 a:link, h2 a:visited {
	color:#CC7C54;
	border:none;
}
h3 {
	font:bold 100%/1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#A39E8B;
}
h3 a, h3 a:link, h3 a:visited {
	color:#A39E8B;
	border:none;
}
a:link, a:visited {  
	border-color:#5F939E;
	color:#5F939E;
}
a:hover {
	border-color:#23515D;	
	background-color:#F8F9FA;
	color:#23515D;	
}

/* Layout
--------------------------------------------------------------------------------------------------  Layout */
.col-MS .subcol, .col-SM .subcol {width:202px;}		/* global 272 - 70 */
.col-MS .maincol {width:604px;}	/* global 554 + 50, which puts an extra 20px between main and sub */
.col-SM .maincol {width:624px;}	/* global 554 + 70 */

.col-MS .subcol {margin-right:0;}

#body-wrap {
	 border:none;
	 border-width:0;
	 /*padding-left:30px;*/
}


/* Header
--------------------------------------------------------------------------------------------------  Header */
#header-wrap {
	height:175px;	
	background-image:url("/gfx/bg_header.gif");	
}	* html #header-wrap {height:173px;}

#header {
	height:175px;
	background-image:url("/gfx/masthead.gif");
}	* html #header {height:173px;}

/* Main Navigation
-----------------------------------------------------------------------------------------  Main Navigation */
#nav {
	background:url("/gfx/bg_nav.gif") no-repeat center bottom;
}

#nav div {
	padding-left:30px; 
}	* html #nav div {width:857px; bottom:-1px;}

#nav a {
	border-bottom:2px solid #D7E4E7; 
	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:#A6A6A6;
} 
#nav a:hover span {
	background-position:100% -150px;
	color:#23515D;		
}
#nav .current a {						
	background-position:0 -150px;		
}
#nav .current a span {	
	padding-bottom:6px;												
	background-position:100% -150px;
	color:#23515D;
}

/* Sub Navigation
------------------------------------------------------------------------------------------  Sub Navigation */
#subnav .top-horizontal {
	width:826px;	/* This is the width of #subnav (846px globally) minus the left padding of .top-horizontal, plus the 
							left and right padding of #body-wrap. It isn't necessary if no subnav bg is used in a skin */		
	padding-left:30px;
	/*background:#FFFFFF url("/gfx/bg_subnav_center.gif") repeat-x left bottom;*/
	background:#FFFFFF url("/gfx/bg_subnav_left.gif") no-repeat left bottom;
}	* html #subnav .top-horizontal {width:856px;}

#subnav a {
	border-bottom:2px solid #D7E4E7;
	padding-right:0;
	padding-left:9px;
	background:url("/gfx/btn_nav_left.gif") no-repeat left top;
}
#subnav a span {
	padding-right:9px;
	background:url("/gfx/btn_nav_right.gif") no-repeat right top;
	color:#A6A6A6;
}
#subnav a:hover {
	background-position:0% -150px;
}
#subnav a:hover span {
	background-position:100% -150px;
	color:#23515D;		
}
#subnav .current a {	
	background-position:0 -150px;		
}
#subnav .current a span {	
	padding-bottom:6px;	
	background-position:100% -150px;
	color:#23515D;
}

/* 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;
	/*margin-left:-16px;*/
	margin-left:-4px;
	padding:10px 0px 0px 0px;
	background:url("http://www.missionpharmacal.com/Global_Content/Skins/Version_03-0/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;
	padding:0px 15px 16px 15px;	
	background:url("http://www.missionpharmacal.com/Global_Content/Skins/Version_03-0/gfx/btn_boxnav_bottom.gif") no-repeat right bottom;
	text-align:left;
	color:#585D68;
}
.sidenav a span strong {
	color:#585D68;
}
.sidenav a:hover span {
	background-position:0px 100%;
}
.sidenav a:hover span strong {
	color:#8B9FBA;
}
.sidenav a span.left {
	text-align:left;
}
.sidenav a span.right {
	text-align:right;
}
.sidenav a span.center {
	text-align:center;
}
.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.center img {
	float:none;
	padding-left:9px;
}
.sidenav sup {
	font-size:60%;
}
.sidenav em.sponsor {
	margin:0;
	padding:0;
	font:normal 9px/0em Arial, Helvetica, sans-serif;
	color:#A39E8B;	
}

/* Index Pages
---------------------------------------------------------------------------------------------- Index Pages */
/* Features
------------------------------------------------------------------------------------------------- Features */
/* Boxes
---------------------------------------------------------------------------------------------------  Boxes */
.subcol .no-border .box {width:191px; padding-left:0;}


/* Images
--------------------------------------------------------------------------------------------------  Images */
img.border, 
img.right, 
img.left {	
	border:2px solid #EBF2F3;
	padding:5px;
}

/* Items
---------------------------------------------------------------------------------------------------- Items */
/* Lists
---------------------------------------------------------------------------------------------------  Lists */
/* Pull Content
--------------------------------------------------------------------------------------------  Pull Content */
.pull,
.pull240,
.pull300,
.pull360, 
.pull440 {
	margin-top:10px;
	border:2px solid #EBF2F3;
	background:none;
}
.pull h3,
.pull240 h3,
.pull300 h3, 
.pull360 h3, 
.pull440 h3 {
	border-bottom:1px solid #EBF2F3;		
	font:bold 100%/1.1em Verdana, Arial, Helvetica, sans-serif;
	background:#F5F9F9;
	color:#5F939E;
}
.pull ul li {	
	margin-right:10px;
	padding-left:14px;
	background:url("http://www.missionpharmacal.com/Global_Content/Skins/Version_03-0/gfx/bullet_1.gif") no-repeat 0 .5em;
}
.pullquote {
	float:left;
	border-right:1px dotted #E6BEAA;
	margin:0 10px 10px 0;
	padding:0px 5px 0 0;
	font:bold 130%/1.2em Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	text-align:right;
	line-height:1.5em;	
	color:#D1D1D1;
}
.pullquote a, 
.pullquote a:link, 
.pullquote a:visited {
	color:#A79E7E;
	border-color:#A79E7E;
}
.pullquote a:hover {
	color:#746E59;
	border-color:#746E59;
}
.pullquote sup {
	font-size:.7em;
}
.pull240 img.border, 
.pull300 img.border, 
.pull360 img.border, 
.pull440 img.border {	
	margin:3px;
	margin-top:0px;	
}
.pull p.legend,
.pull240 p.legend,
.pull300 p.legend,
.pull360 p.legend, 
.pull440 p.legend {	
	color:#A6A6A6;
}
.pull p.caption, 
.pull240 p.caption, 
.pull300 p.caption, 
.pull360 p.caption, 
.pull440 p.caption {	
	margin:0px;
	margin-bottom:5px;
	line-height:1.2em;
}

/* Footer
--------------------------------------------------------------------------------------------------  Footer */
#footer {
	height:auto;
	border:none;	
}
#footertext, 
#footerlogo {
	padding-left:35px;
}

/* Footnotes
-----------------------------------------------------------------------------------------------  Footnotes */
/* Tables
--------------------------------------------------------------------------------------------------  Tables */
table caption {	
	font:bold 100%/1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#5F939E;	
}
/*table caption span {
	font-size:1em;
}*/
td, 
th {
	border:1px solid #D7E4E7;
	text-align:center;
	color:#666666;		
}
th {
	border-color:#D7E4E7;
	background:#FBFFFF;		
}
thead th {		
	border-color:#D7E4E7; 
	border-bottom-color:#AFC9CF;	
	background:#F5F9F9;	 
	color:#5F939E;
}
th.thead {
	background:#F5F9F9;
}
td.thead, 
th.thead {
	border-color:#AFC9CF;
}

th.tan-thead {
	border-color:#e1e7d7;		
	border-bottom-color:#c4cfaf;		
	padding-top:.6em;
	padding-bottom:.6em;
	font-weight:bold;		
	background:#FBFAEC;
	color:#948C80;
}
th.tan-th {
	border-color:#E1E7D7;
	background:#FFFEF7;
}
th.blue {
	color:#5F939E;
}
.halfwidth table {
	float:right;
}
tr.underline,
td.underline, 
th.underline {
	border-bottom-color:#AFC9CF;
}
td.highlight, 
th.highlight {
	background:#FEFEEC;
}
th.highlight {
	font-weight:700;
}
td.legend {
	border-bottom:none;
	color:#A6A6A6;	
}
tr.legend td.tablename {
	color:#AFC9CF;
}

/* Forms
---------------------------------------------------------------------------------------------------  Forms */
/* Mobile
--------------------------------------------------------------------------------------------------  Mobile */
/* Misc
----------------------------------------------------------------------------------------------------  Misc */
/* 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; }
	* html #body-wrap {width:856px;}
	#header { 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; margin-left:-30px; }
	* html #footer {width:856px;}
	#logo {margin-left:5px;}
	*/


/* Skins  
---------------------------------------------------------------------------------------------------  Skins */
