@import url(base.css);

/***** Colors *****/
/* Green:      #18472c */
/* Light Blue: #519dc2 */
/* Dark Blue:  #2d6782 */
/* Light Gray: #b9ccd6 */
/* Dark Gray:  #434343 */
/* Red:        #ff381c */



/***** Title Box *****/
#title-box {
	clear: both;
	background: white url(../images/phdrm_web_title_box_btm.gif) bottom center no-repeat;
	padding-bottom: 6px;
	width: 940px;
	margin-top: -20px;
}

#title-box h2 {
	background: white url(../images/phdrm_web_title_box_top.gif) top center no-repeat;
	padding: 16px 10px 8px 19px;
}



/***** Content Boxes *****/
#content {padding-left: 236px;}

.content-box-wrap {
	width: 704px;
	margin: 1.5em 0;
	padding-top: 23px;
	background: url(../images/phdrm_web_content_box_top.gif) top center no-repeat;
}

.content-box {
	background: url(../images/phdrm_web_content_box_btm.gif) bottom center no-repeat;
	padding: 0 32px 24px 32px;
	overflow: hidden;
}



/***** Content box classes and rules *****/
.content-box h3 {margin-top: 1em;}

/* Photo - Add class to content-box or content-box-wrap */
.photo img {float: left; margin: 1em 0; border: 1px solid #b9ccd6;}

.photo p {margin: 1em 0 1em 198px;}

.dateline {margin: 0 0 1em 0;}

/* General unordered lists */
.content-box ul {
    list-style-type: disc;
    margin-left: 20px;
}

.content-box ul ul {list-style: circle;}
.content-box ul ul ul {list-style: square;}

.content-box .contact {list-style-type: none; margin: 0;}


/* List of links - Add class to ul */
.content-box ul.links {
	margin: 1em 0;
    list-style-type: none;
}

.links li {
	margin: .5em 0;
}

.links sup {color: #519dc2;}

.content-box ul.contact {list-style-type: none; margin: 0;}

dt {font-weight: bold;}
dd {margin-bottom: 1em;}

/* Sitemap */
ol.sitemap {
    font-weight: bold;
    list-style: none;
}

ol.sitemap li {margin-top: 1em; padding: 0 0 2px 0;}
ol.sitemap .first {margin-top: 0;}
ol.sitemap ol li {margin: 0;}

ol.sitemap ol {
    font-weight: normal;
    list-style: none;
    margin: 0 0 1em 20px;
}

/* Flash */
#antifungal-flash {margin-top: 1em;}

/* Callout links with red arrow */
.content-box .link-callout {
	float: right;
	margin-bottom: 0;
	margin-right: 30px;
	padding-right: 20px;
	background: url(../images/phdrm_web_arrow.gif) center right no-repeat;
}
/* Callout links with red arrow */
.pi-callout {
    text-align: right;
	margin-bottom: 0;
	margin-right: 30px;
	padding-right: 20px;
	background: url(../images/phdrm_web_arrow.gif) center right no-repeat;
}
.pi-callout sup {color: #519dc2;}

.site-callout {
    text-align: left;
	margin: 0;
	padding: 0;
	letter-spacing: 1.2px;
}
/* Notes */
.notes {font-size: 10px;}

/* References */
.references {font-size: 10px;}
.references h6 {margin: 0;}
.references ol {margin: 4px 0 0 20px;}
.references li {margin-bottom: 6px;}

.follows {margin-top: 0;}


#legal-disclaimer .content-box p, #privacy-statement .content-box p {margin: 0 0 1em 0;}
#legal-disclaimer ol {margin: 0 0 1em 20px;}


/***** Sidebar *****/
#sidebar {
	float: left;
	width: 220px;
	margin-top: 1.5em;
}

#sidebar a {display: block;}

#sidebar .product-shot {text-align: center;}


/***** Sidebar boxes *****/
.sidebar-box-wrap {
	background: url(../images/phdrm_web_sidebar_box_top.gif) top center no-repeat;
	padding-top: 20px;
    margin-bottom: 1.5em;
}

.sidebar-box {
	background: url(../images/phdrm_web_sidebar_box_btm.gif) bottom center no-repeat;
	padding: 0 20px 20px 20px;
}


/* Sidebar lists */
.sidebar-box ul {margin-top: 1em;}
.sidebar-box li {margin-bottom: .5em;}


/***** Sidebar navigation links *****/
#sidebar-nav {
	font-size: 13px;
	font-weight: bold;
    margin-top: 0;
}

#sidebar-nav a {
	text-decoration: none;
}

#sidebar-nav li {
	margin-bottom: 1em;
}

#sidebar-nav li ul {
    margin: 0 0 0 20px;
    font-weight: normal;
}

.oxistat #sidebar #sidebar-nav li ul a {color: #519dc2;}
.sidebar-box #sidebar-nav li ul a {cursor: pointer;}

#sidebar-nav .last {margin: 0;}

/* Sidebar navigation highlight rules */
.business-development #business-development-sidebar a,
.research-development #research-development-sidebar a,
.nycomed-development #nycomed-development-sidebar a,
.newsroom-development #newsroom-development-sidebar a,
.executive-bios #executive-bios-sidebar a,
.nycomed #nycomed-sidebar a,
.adoxa #adoxa-sidebar a,
.cutivate-lotion #cutivate-lotion-sidebar a,
.kerol #kerol-sidebar a,
.kerol_zx #kerol_zx-sidebar a,
.oxistat #oxistat-sidebar a,
.oxistat-cream .sidebar-box #oxistat-cream-sidebar a,
.oxistat-lotion .sidebar-box #oxistat-lotion-sidebar a,
.antifungals .sidebar-box #antifungals-sidebar a,
.rosula #rosula-sidebar a,
.solaraze #solaraze-sidebar a,
.veregen #veregen-sidebar a,
.zoderm #zoderm-sidebar a,
.additional-products #additional-products-sidebar a,
.acne #acne-sidebar a,
.actinic-keratosis #actinic-keratosis-sidebar a,
.dermatitis #dermatitis-sidebar a,
.eczema #eczema-sidebar a,
.egw #egw-sidebar a,
.fungal-rashes #fungal-rashes-sidebar a,
.psoriasis #psoriasis-sidebar a,
#legal-disclaimer #legal-disclaimer-sidebar a,
#site-map #site-map-sidebar a,
#privacy-statement #privacy-statement-sidebar a,
#contact-us #contact-us-sidebar a,
#map-directions #map-directions-sidebar a,
.dermatology-links #dermatology-links-sidebar a,
.rosacea #rosacea-sidebar a {color: #ff381c; cursor: default;}


/* Solutions */
#solutions h4 a {
    background: url(../images/phdrm_web_arrow.gif) right bottom no-repeat;
    text-decoration: none;
}

#solutions .active a {background: url(../images/phdrm_web_arrow_over.gif) right bottom no-repeat;}

#solutions ul {display: none;}


/***** Forms *****/
label {display: block; margin-bottom: 3px;}
input, select {margin-right: 10px;}
#form-submit input {margin-right: 20px;}
#form-submit {padding-top: 1em;}