body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6b6b6b;
	
	
	background-color: #303030;
	margin: 0;
}

body.home {
	padding: 45px;
}

p 
{
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 150%;
	vertical-align: bottom;
}

h1 
{
	color: #6b6b6b;
	font-size: 22px; /*specs say 18, too small*/
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
}

h1.smaller-h1
{
	color: #6b6b6b;
	font-size: 18px; /*specs say 18, too small*/
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
}

h2 
{
	padding: 0 0 5px 0;	
	margin: 0;
	color: #6b6b6b;
	font-size: 11px;
	font-weight: bold;
	
}

h3 
{
	padding: 0 0 5px 0;	
	margin: 0;
	color: #6b6b6b;
	font-size: 11px;
	/*font-weight: bold;*/
	
}

h2.callout, h2.calloutNoPad {
	margin: 0;
	color: #8272a7;
	font-size: 12px;
	font-weight: bold;
}
h2.callout {
	padding: 0 0 15px 0;	
}

h2.calloutNoPad {
	padding: 0 0 0 0;	
	margin: 0;
	color: #8272a7;
	font-size: 12px;
	font-weight: bold;
}

.callout, .calloutNotBold {
	padding: 0 0 15px 0;	
	margin: 0;
	color: #8272a7;
	font-size: 12px;
}
.callout 
{
	font-weight: bold;
}
.calloutNotBold {
	font-weight: normal;
}

/*
a:link, a:visited, a:active {
	color: #591F85;
	text-decoration: underline;
}

a:hover {
	color: #591F85;
	text-decoration: none;
}
*/

a:link, a:visited, a:active {
	color: #6b6b6b;
	text-decoration: underline;
}

a:hover {
	color: #6b6b6b;
	text-decoration: none;
}

a.style1:link, a.style1:visited, a.style1:active {
	color: #6b6b6b;
	text-decoration: none;
}

a.style1:hover {
	color: #6b6b6b;
	text-decoration: underline;
}


a img {
	border-width: 0;
}

#bodyHomeContainer {
	width: 900px;
	margin:0 auto;
	text-align: center;

	background-color: #000000;
}

#bodyLowerContainer {
	width: 829px;
	margin:0 auto;
	text-align: center;

	background-color: #FFFFFF;
}

#bodyLowerContainerRoomForLogo {
	width: 859px; /*+15 on each side*/
	margin:0 auto;
	text-align: center;
	/*background-color: #FFFFFF;*/
}
.lowerHeaderLogo
{
	padding: 0 15px 0 0;
}



.bodyContainerInner
{
	text-align: left;
}


/***HOME PAGE SPECIFIC
.homePageBanner {
	padding: 50px 80px 0 490px;
	margin: 0;

	font-size: 46px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #FFFFFF;
	
	text-align: left;
	
	background-image: url(images/bg-home-banner.jpg);
	background-repeat: no-repeat;
}

.homePageBannerInner {
	height: 313px; /*363-50*/
}
***/

.homePageLogo {
	padding-bottom: 50px;
}

.homeNavPadLeft {
	padding-left: 3px;
}

.homeNewGel {
	float: left;
	width: 455px;
}

.homeIntroducing {
	float: left;
	margin-left: 3px;
	padding-top: 40px;
	width: 350px; /*arbitrary width based on text content for layout*/
	
	font-size: 17px;
	color: #FFFFFF;
}

.homeIntroducing .whenPrescribing {
	font-size: 12px;
	padding-top: 25px;
}

.homeFooter {
	padding: 32px 50px 50px 25px;
}

.homeGoToPatientWebsite {
	padding-bottom: 15px;
}
/***END HOME PAGE SPECIFIC***/

/**Lower Pages**/

/***revised to use a table here because the sides need to be the same height for the left border - is there a better way?**/
table.noSpacing
{
	border-collapse: collapse;
}
table.noSpacing tr td
{
	vertical-align: top;
	text-align: left;
}
.lowerMainContainer 
{
	margin-top: 20px;
}
.lowerMainLeft {
	width: 175px;
	border-right: 1px solid #EEE9F7;
}

.lowerMainLeft .leftSidePadding 
{
	padding: 0 20px 0 20px
}

.additionalLeftSideContent 
{
	padding-top: 75px;
}
.lowerMainRight {
	width: 649px;
}
.lowerMainRightInner {
	padding: 0 40px 0 35px;

}
.lowerHeader, .lowerFooter {
	background-color: #303030;
}

.lowerHeader a:link, .lowerHeader a:visited, .lowerHeader a:active {
	color: #9f9f9f;
	text-decoration: none;
}
.lowerHeader a:hover {
	color: #9f9f9f;
	text-decoration: underline;
}
.lowerGoToPatientWebsite {
	text-align: right;
	padding-top: 5px;
}

.lowerResize {
	text-align: right;
	padding-top: 2px;
}	
.lowerLogo {
	/*margin-left: -20px; /***not compadible with older browsers*/
}


.lowerNavigation {
	height: 34px;
	border-bottom: solid 6px #FFFFFF;
}

.lowerReferences {
	padding: 20px 0 50px 0;
}
.pageFootnotes {
	border-top: solid 1px #d6d6d6;
	padding: 5px 0 0 0;
	margin-top: 20px;
}
.pageFootnotes p {
	line-height: 110%;
	padding-bottom: 2px;
	/*to indent second line */ margin-left: 10px; text-indent: -10px; 
}

.pageFootnotes p span.footnotes
{
	vertical-align: super;
}

.pageFootnotes p span.footnotesDefinition
{
	padding-right: 4px;
}



.bannerLeft, .bannerRight {
	float: left;
}

.inlineChart {
	padding: 5px 0 50px 0;
}
.inlineImage {
	padding: 5px 0 20px 0;
}

.leftSideExtraBottom {
	padding: 0 20px 0 20px;
	text-align: center;
	vertical-align: bottom;
}


.leftSideImage {
}
.leftSideAction {
	color: #8272a7;
	font-size: 14px;
}

.colLeft {
	float: left;
	width: 312px;
}
.colLeftInner {
	padding-right: 51px;
}
.colRight {
	float: left;
	width: 262px;
}
/**End Lower Pages**/

/**CHARTS
table.sideEffectsChart {
	margin-bottom: 15px;
	border-collapse: collapse;
}

table.sideEffectsChart tr td.highlight, table.sideEffectsChart tr th.highlight {
	font-size: 13px;
	color: #5900a9;
	padding: 5px;
	background-color: #e8ecaa;
}

table.sideEffectsChart tr td.placebo, table.sideEffectsChart tr th.placebo{
	font-size: 13px;
	color: #8a8a8a;
	padding: 5px;
	background-color: #e8ecaa;
}

table.sideEffectsChart tr td.horizLabel {
	font-size: 12px;
	color: #5900a9;
	padding: 5px 10px 5px 10px;
}
**/

.inlineButtons {
	padding: 20px 0 20px 0;
	margin-bottom: 15px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #ebe9f1;
}

table.inlineButtons {
	border-collapse: collapse;
}

table.inlineButtonsTable tr td.left{
	padding: 0 15px 10px 0;
}
table.inlineButtonsTable tr td.leftLast{
	padding: 0 15px 0 0;
}
table.inlineButtonsTable tr td.right{
	padding: 0 0 10px 0;
}

table.inlineButtonsTable tr td.rightLast{
	padding: 0 0 0 0;
}

table.formInputTable {
	border-collapse: collapse;
}
table.formInputTable tr td {
	padding: 8px 5px 8px 5px;
}


/*Page Specific*/
.unsubscribeFormContainer { padding-top: 20px;}
.pharmacyLeadIn { font-weight: bold; padding-bottom: 20px;}
.pageLinksAtBottom { line-height: 160%; paddin-bottom: 15px;}


/*Footer*/
.footer a:link, .footer a:visited, .footer a:active {
	color: #9f9f9f;
	text-decoration: none;
}
.footer a:hover {
	color: #9f9f9f;
	text-decoration: underline;
}
.additionalLinks {
	font-size: 11px;
	color: #777777;
	padding: 5px 0 20px 0;
}
.additionalLinks a:link, .additionalLinks a:visited, .additionalLinks a:active {
	color: #777777;
	text-decoration: none;
}
.additionalLinks a:hover {
	color: #9f9f9f;
	text-decoration: underline;
}
.safetyInformation
{
	font-size: 10px;
	color: #9f9f9f;
}
.safetyInformation p {
	line-height: 110%;
}

.safetyInformationHeader{
	padding-bottom: 5px;
	font-weight: bold;
}

.legalDisclaimer {
	font-size: 10px;
	color: #9f9f9f;
}
.legalDisclaimer a:link, .legalDisclaimer a:visited, .legalDisclaimer a:active {
	color: #9f9f9f;
	text-decoration: none;
}

.legalDisclaimer a:hover {
	color: #9f9f9f;
	text-decoration: underline;
}

.homeReferences .references {
	border: solid 1px #262626;
	padding: 0;
	margin-top: 10px;
	font-size: 12px;
}

.homeReferences .referencesHeader {
	padding: 8px 0 8px 8px;
}

.homeReferences #referencesContent {
	padding: 0 10px 10px 14px;
}

.lowerReferences .references {

}

.lowerReferences .referencesHeader {
	padding: 8px 0 8px 8px;
	margin: 0;
	background-color: #e7e7e7;
	font-weight: bold;
}

.lowerReferences #referencesContent {
	padding-left: 14px;
}

.logoWatson {
	text-align: right;
	padding-bottom: 2px;
}
/*End Footer*/


/*FORMS*/
.pulldowninput 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: solid 1px #777777;
}

.textinput 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
	border: solid 1px #777777;
}

.form-style2 label {
	font-weight: bold;
}

.form-style2 .row {
	padding-bottom: 10px;
}

.form-style2-submit {
	text-align: center;
	padding-bottom: 2em;
}
/*END FORMS*/

/*Other*/
.error {
	color: red;
	font-weight: bold;
}
span.footnotes {
	font-size: 8px;
	/*vertical-align: super;*/
	vertical-align: top;
	line-height: 150%;
}
span.tm 
{
	font-size: 10px;
	vertical-align: top;
	line-height: 150%;
}
span.reg {
	position: relative;
	top: -0.5em;
	font-size: 0.8em;
}

h1 span.reg {
	font-size: .55em;
}

h2 span.reg {
	font-size: 0.8em;
}

.homePageMainContent  span.reg {
	font-size: 0.7em;

}

h2 span.footnotes {
	font-size: 8px;
	vertical-align: super;
}

/**LISTS**/

ul, ol 
{
	padding: 0 0 15px 20px;
	margin: 0;
}

ul li, ol li
{
	padding: 5px 0 0 5px;
	margin: 0;
	line-height: 150%;
	vertical-align: bottom;
}

ul {
	color: #8272a7;
}

ul li span.std {
	color: #6b6b6b;
}

/***LOWER LEFT NAV***/
ul.leftSideNavigation
{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	color: #5900a9;
	font-size: 11px;
	
}

ul.leftSideNavigation li {
	padding: 0 20px 10px 20px;
}

ul.leftSideNavigation li a:link, ul.leftSideNavigation li a:visited, ul.leftSideNavigation li a:active
{
	display: block;

	text-decoration: none;
	color: #5900a9;
}

ul.leftSideNavigation li a:hover, ul.leftSideNavigation li a.on:link, ul.leftSideNavigation li a.on:visited, ul.leftSideNavigation li a.on:active {
	color: #303030;
	font-weight: normal;
}

.nobr {white-space:nowrap;}

/*ie6 png fix*/
img, div {behavior: url(ie6-png-fix/iepngfix.htc) }

/*ie6 whitespace bug
* html ul li a {
	height:1em;
}
* html td a {
	height:1em;
}
*/

/*clear float*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */

.error { color: Red; font-weight: bold;}

.to-do {background-color: Yellow;}

/**following also needs to be added to the body for the clear float to work
	<!--[if IE]>
	<style type="text/css">
	  .clearfix {
		 zoom: 1;
		 display: block;
		 }
	</style>
	<![endif]-->
****/

/***REFERENCE

dark gray background: #303030;
gray for input box border, additional links: #777777
general gray text: #6b6b6b;
light purple call out text, bullets: #8272a7;
dark purple: #5900a9;

****/