﻿body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: black;
	background-color: #afafaf;
	margin: 0;
}

body.home {
	padding: 0px;
}

p
{
	padding: 0 0 10px 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: 15px 0 4px 0;
    margin: 15px 0 0;
	margin-top: 0px !IE7;
    padding: 0 0 4px;
	color: #834cb1;
	font-size: 14px;
	font-weight: bold;
}

.i {
    font-style: italic;
}
.b {
    font-weight: bold;
}
.u {
    text-decoration: underline;
}
.link2
{
	padding: 0 0 5px 0;
	margin: 0;
	color: #834cb1;
	font-weight: bold;
	text-decoration:underline;
}


#scientificdetail
{
	padding: 0 0 5px 0;
	margin: 0;
	margin-left: 13px;
	color:black;
	max-width:450px;
	font-weight:bold;
}

.patientchargeprogram
{
margin-top:20px;
background-image:url('images/talking-to-patients-support-sharechargeprogrambackground.jpg');
background-repeat: no-repeat;
width:470px;
height:165px;
text-align: right;
vertical-align: top;
padding: 8px 0 0 10px
}

.sharinglogos  {float: right; margin: -7px 0 0 40px;}
.patientchargeprogram b{display: block; text-align: left;}
.patientchargeprogram .text{text-align: left; margin-top: 15px;}


#patientchargedetail
{
	margin-top:10px;
	max-width:300px;
	font-size:13px;
	margin-left:19px;
	color:black;
}

#patientbrochures
{
	margin-top:8px;
}

#scientificinfo
{
	background-image:url('images/gelnique-education-literature-box.jpg');
	width:480px;
	height:207px;
}

#promisemailaddress
{
	background-image:url('images/talking-to-patients-promise-program-lowerbox.jpg');
	width:480px;
	height:160px;
	margin-top:10px;
}

#talkingtopatientfacebooklogo
{
	width:112px;
	height:77px;
	float:right;
	margin-top:-78px;
	margin-right:89px;
}

#talkingtopatienttwitterlogo
{
	width:112px;
		height:81px;
		float:right;
		margin-top:-159px;
		margin-right:89px;

}

#selectplanbox
{

	width:200px;
	float:right;
	margin-top:-22px;
	margin-right:30px;
}


#insurecardinfo
{
	margin-top:	5px;
}

#insurancecardinfo
{
	padding: 0 0 5px 0;
	margin: 0;
	color:black;
	font-size: 13px;
	font-weight:bold;
	max-width:205px;
	margin-top:-105px;

}

#cardpicdiv
{
margin-left:220px;

}

#gelniquesavings
{
	margin-top:20px;
}

#graybar2visual
{
	margin-top:50px;
}

#watsonaddress
{
	max-width:152px;
	font-size:13px;
	margin-top:10px;
	margin-left:132px;
	color:black;
}

#attentiongelnique
{
	font-size:13px;
	color:black;
	margin-top:10px;
	margin-left:132px;
}

.watsonpromise
{
margin-bottom: 15px;
position: relative;
width: 305px;
}
.watsonpromise img
{
left: 307px;
position: absolute;
top: -20px;
}

#spacerdiv
{
	margin-bottom:40px;
}

.gelniquedosingtop
{
	background-image:url('images/gelnique-education-dosing-topbox.jpg');
	background-repeat: no-repeat;
	width:480px;
	padding: 5px 0 0 0;
}
.gelniquedosingtop img {float: right; margin: 10px 0 0 10px;}
#gelniquedosingbottom
{

	width:480px;
	height:381px;
}

#searchform
{
	background-image:url('images/formulary-coverage-copay-interactive-backgroundbox.jpg');
	width:480px;
	height:230px;
}
#searchform label {
    display: inline-block;
    padding-bottom: 5px;
}
#edudosingvideodiv
{
	width:201px;
	height:150px;
	margin-left:270px;
	margin-top:-175px;
}

#dosingnotepadpic
{
	width:240px;
	height:284px;

}
 #dosingladypic
 {
 width: 240px;
 height: 284px;
display: inline;
 }

h3
{
	padding: 0 0 5px 0;
	margin: 0;
	color: #6b6b6b;
	font-size: 11px;
	/*font-weight: bold;*/

}
h4 {color: #834cb1; font-style: italic; font-size: 14px; font-weight: normal; margin: 5px 0; padding: 0;}
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: underline;
}
*/

a:link, a:visited, a:active {
	color: #834cb1;
	text-decoration: underline;
}

a:hover {
	color: #834cb1;
	text-decoration: underline;
}

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;
}

#searcplanbuttondiv
{
	margin-left:20px;
	margin-top:6px;
}

#searchbystatediv
{
	margin-left:20px;
	margin-top:20px;
	padding: 0 0 5px 0;
	margin: 0;
	color:black;
	font-size: 13px;
}

#searchbystatesearchbox
{
margin-left:250px;
margin-top:-30px;

}

#statesearchbuttondiv
{
	margin-left:20px;
	margin-top:10px;
}

#chkmedicarediv
{
	margin-top:10px;
	margin-left:20px;
	padding: 0 0 5px 0;
	margin: 0;
	color:black;
	font-size: 13px;
}

#resultsheader
{
	margin-left:22px;
	margin-top:10px;
	font-size:14px;
	color:black;
	font-size: 14px;
	font-weight:bold;
}

.subscribeContainer{
	background-image:url('images/gelnique-education-product-notification-topbackgroundbox.jpg');
	width:445px; padding: 35px 0 0 35px; background-repeat:no-repeat; margin-top: 10px;}
.subscribeContainer div {display: block;	width: 100%; clear: right; margin-bottom: 20px;}
.subscribeContainer  .textfield {width: 200px; float: right;}
.subscribeContainer select {float: right; width: 150px; margin-right: 54px;}
.subscribeContainer #btnsubmit {float: right; margin-right: 146px;}
.subscribeContainer #btnunsub{ float: right; margin-right: 118px;}

.privacyNotice {padding: 20px 0; border: 5px solid #afafaf; border-right: 0; border-left: 0; margin: 60px 0 20px; display: block;}

#copaystatictable
{
	background-image:url('images/formulary-coverage-copay-static-tablebackground.jpg');
	width:542px;
	height:125px;
	background-repeat:no-repeat;

}

.tableheaderclass
{
	font-size:11px;
	color:black;
	font-weight:bold;
	margin-left: 12px;
}

.tabledetails
{
	font-size:11px;
	color: #834cb1;

}


/***HOME PAGE***/

#HCP_Home {
	/*background-image: url('images/homepage_bkgd_img.jpg');
	background-repeat:no-repeat;

	position:relative;*/
	width: 829px;
	height:616px;
	margin-top: -15px;

}
.homePageLogo {
	padding-bottom: 50px;
}

#homeNavPadLeft {
	padding-left: 20px;
}
/* leave these in as they affect the home page layout  */

.homePageMainContent {
	background-image: url('images/homepage_bkgd_img.jpg');
	background-repeat:no-repeat;
}

.homePageMainContent td.left {
	width: 455px;
	/* vertical-align: top;  */
}

.homePageMainContent td.right {
	width: 445px;
	/* vertical-align: bottom;  */
}
/*
.homePageMainContent .treating{
	font-size: 18px;
	color: #6f34a2;
}
.homePageMainContent  .now-tier-2 {
	padding: 12px 0 61px 0;  /*bottom padding so tier 2 aligns w/ bottom of gel*/
 /*}*/

 #tiertwo {
	height: 180px;
	width: 251px;
	float:right;
}

.homeFooter {
	padding: 32px 50px 0px 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;
    float: left;
}
.lowerMainLeft .standOut {
    color:black;
    padding: 20px 0px;
    margin: 50px 15px 100px 25px;
    border-top: 5px solid #b1b1b1;
    border-bottom: 5px solid #b1b1b1;
}
.lowerMainLeft .standOut .link-line {
    color: #834cb1;
    font-weight: bold;
}

.lowerMainLeft .leftSidePadding
{
	padding: 0 20px 0 20px
}

.additionalLeftSideContent
{
	padding-top: 32px;
}
.lowerMainRight {
	width: 649px;
    margin-left: 175px;
}
.lowerMainRightInner {
	padding: 0 125px 10px 35px;
	border-left: 1px solid #EEE9F7;
}
.lowerMainRightInner  ul{color: black; margin-top: 0px;}
.lowerMainRightInner .imgSpacer {
    margin: 20px 0px;
}
.lowerMainRightInner h2.topDivide {
    margin-top: 20px;
    margin-right: 8px;
    padding: 30px 0px 5px;
    border-top: 6px solid #522f91;
}
.lowerMainRightInner .standOut {
    color: black;
    font-weight: bold;
    overflow: hidden;
    padding: 20px 0px;
    margin: 5px 0px 20px;
    border-top: 5px solid #b1b1b1;
    border-bottom: 5px solid #b1b1b1;
}
.lowerMainRightInner .standOut {
    padding: 10px 0px;
    margin: 50px 0px 30px;
}
.lowerMainRightInner .standOut .imgRightFloat {
    float: right;
    padding-left: 60px;
}
.lowerMainRightInner .standOutInner {
    margin: 0px 15px;
}
.lowerMainRightInner .standOut .link-line {
    color: #834cb1;
    font-weight: bold;
}
.lowerMainRightInner .standOut .link-line a {
    text-decoration:underline;
    cursor: pointer;
    padding-top: 5px;
}
.lowerMainRightInner .standOut .link-line a:hover {
    color: #603882;
}
.lowerMainRightInner  .infoHighlight {
    background-image: url('images/why-gelnique-tolerability-lowratebox.jpg');
    height: 98px;
    width: 480px;
    overflow: hidden;
}
.lowerMainRightInner  .infoHighlight .info-inner {
    margin: 10px 25px;
    color: #000000;
}
.lowerMainRightInner  .infoHighlight h2 {
    margin-top: 5px;
    margin-right: 30px;
    padding: 0px;
}
.lowerMainRightInner  .infoBullets {
    padding: 20px 80px 20px 0px;
}
.lowerMainRightInner  .info-list {
    color: black;
}
.lowerMainRightInner  .info-sublist {
    list-style-type: none;
    padding-bottom: 4px;
}
.lowerMainRightInner  .footnote {
    color:black;
    font-weight:bold;
}
.lowerMainRightInner  .narrow-content {
    margin-right: 105px;
}
.lowerMainRightInner  .narrowDark {
    margin-right: 70px;
    color: #000000;
}
.rightFooter {
    padding: 0px 40px 0px 35px;
}
.lowerHeader {
	padding-top:16px;
}

.lowerHeader, .lowerFooter {
	background-color: #afafaf;
}

.lowerHeader a:link, .lowerHeader a:visited, .lowerHeader a:active {
	color:#ffffff;
	text-decoration: none;
}
.lowerHeader a:hover {
	color:#ffffff;
	text-decoration: underline;
}

#lowerRight {
	float:right;
}
.lowerGoToPatientWebsite {
	text-align: right;
	padding-top: 5px;
}

.lowerResize {
	text-align: right;
	padding-top: 2px;
	/*letter-spacing:-0.08em;*/
	color: grey;
}
.lowerLogo {
	/*margin-left: -20px; /***not compadible with older browsers*/
	float:left;
	padding-top: 5px;
}


.lowerNavigation {
	height: 34px;
	border-bottom: solid 6px #FFFFFF;
}

.lowerNavigationHome {
	height: 34px;
}

.lowerReferences {
	padding: 20px 0 25px 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 {display: none;}

.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 0 8px 0;
}


/*Page Specific*/
.unsubscribeFormContainer { padding-top: 20px;}
.pharmacyLeadIn { font-weight: bold; padding-bottom: 20px;}
.pageLinksAtBottom { line-height: 160%; padding-bottom: 15px;}


/*Footer*/

.footer {display: block; clear: both; width: 830px; margin: 0 auto;}
.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: #ffffff;
	padding: 5px 0 20px 0;
}
.additionalLinks a:link, .additionalLinks a:visited, .additionalLinks a:active {
	color: #ffffff;
	text-decoration: none;
}
.additionalLinks a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.safetyInformation
{
	color: #ffffff;
}
.safetyInformation p {
	line-height: 110%;
}

.safetyInformationHeader{
	padding-bottom: 5px;
	font-weight: bold;
}

.legalDisclaimer {
	color: #ffffff;
}
.legalDisclaimer a:link, .legalDisclaimer a:visited, .legalDisclaimer a:active {
	color: #ffffff;
	text-decoration: none;
}

.legalDisclaimer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.homeReferences .references {
	padding: 0 10px 10px 14px;
	margin-top: 10px;
	font-size: 12px;

}

.homeReferences .referencesHeader {
	padding: 8px 0 8px 8px;
	color:black;
	background-color: #e7e7e7;
	font-weight: bold;
	width: 820px;
	margin-left:-3px;

}

.homeReferences #referencesContent {
	padding: 0 10px 10px 14px;
	background-color: white;
	margin-left: -3px;
	margin-top: -9px;
	width: 804px;
}

.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;
}
#state.pulldowninput {
}
.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.3em;
	font-size: 0.8em;
}

h1 span.reg {
	font-size: .55em;
}

h2 span.reg {
	font-size: 0.8em;
}


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 0px;
	margin: 0;
	/*line-height: 150%;*/
	vertical-align: bottom;
}

ul {
	color: #8272a7;
}

ul li span.std {
	color: #6b6b6b;
}

ul table td{margin-top:20px;}
ul table
{
	margin-top:2px;
	margin-bottom:-4px;
}

/***LOWER LEFT NAV***/
ul.leftSideNavigation
{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	color: #5900a9;
	font-family:Helvetica, Arial, sans-serif

}

ul.leftSideNavigation li {
	padding: 0 10px 10px 20px;
}

ul.leftSideNavigation li a:link, ul.leftSideNavigation li a:visited, ul.leftSideNavigation li a:active
{
	display: block;
	text-decoration: none;
	color: #834cb1;
}

ul.leftSideNavigation li a:hover, ul.leftSideNavigation li a.on:link, ul.leftSideNavigation li a.on:visited, ul.leftSideNavigation li a.on:active {
	color: #000000;
	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: #afafaf;
gray for input box border, additional links: #777777
general gray text: #6b6b6b;
light purple call out text, bullets: #8272a7;
dark purple: #5900a9;

****/
.gelniquecontactform {
	background-image: url("images/form-bg.jpg");
	background-repeat: no-repeat;
	padding-left: 20px;
}

.chart-tier2-inner table {border-bottom: 5px solid #afafaf; margin-bottom: 20px;}
.chart-tier2-inner  td {border-bottom: 1px solid #cdcdcd; padding: 5px 10px 5px 0;}
.innerUl { margin: 10px 0; padding: 0;}
.innerUl li {list-style-type: none; margin: 0 10px 10px 10px; padding: 0 !IMPORTANT;}
.borderBox {padding: 25px 0 25px 25px; border: 5px solid #afafaf; border-left-width: 0px; border-right-width: 0px; margin: 25px 0; }
.borderBox h2 {color: black;}
.gelniquecard {border: 5px solid #afafaf; border-left-width: 0px; border-right-width: 0px; padding: 10px 0; height: 130px; color: black; margin: 0 0 10px 0;}
.gelniquecard img{float: right; display: block;}
.gelniquecard div {margin-top: 30px;}
td.priv_policy {border-top: 5px solid #afafaf;}
td.submit input {margin-left: 211px;}
td.submit {padding-bottom: 20px !important}
.logoLink {position: absolute; width: 249px; height: 86px; top: 22px; cursor: pointer;}
.additionalLinks a {padding: 0 27px; border: 1px solid white; border-width: 0 1px 0 0; display: inline-block;}
.additionalLinks a.first {padding-left: 0px;}
.additionalLinks a.last {border: 0px; padding-right: 0px;}
#referencesContent ol li {margin: 9px 0; line-height: 18px;}
#tbldivfootergraphics {margin-left: 6px;}
.faqQ {color: black !IMPORTANT; display: block; margin: 5px 0;}
.purp {color: #834cb1; text-decoration: underline;}
.faqul {margin: 0 0 20px 14px !IMPORTANT; padding: 0px !IMPORTANT;}
.faqul li {margin-left: 0px; padding-left: 0px;}
.sitemapul {list-style-type: none; padding: 0px !IMPORTANT; margin: 0 0 0 35px;}
.sitemapul li {margin: 0; padding: 0;}
.player {background-image: url(images/gelnique-education-dosing-topbox.jpg); background-repeat: no-repeat; display: block; padding: 50px 0 0 0; margin-bottom: 50px}
.dosingFlash {margin: 0 0 0 29px;}
.applicationFlash {margin: 0 0 0 29px;}
.tolerabilityTable  th{font-weight: bold;}
.tolerabilityTable  td{border: 1px solid #bebad3; font-weight: bold; text-decoration: none !IMPORTANT;}
.tolerabilityTable td b {font-weight: normal;}
.gelniquedosingtop ul {margin-right: 20px;}
#player2 {margin-top: -46px;}
