@import 'reset.css';
/*@import 'debug.css'; */

/**
 * -----------------------------------------------------------------------------
 * Structural Elements
 * -----------------------------------------------------------------------------
 */
body {
	background: #f4f4f4;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}
sup {
  font-size: .85em;
  position: relative;
  vertical-align: top;
}
address {
  font-style: normal;
}
.printOnly {
	display: none;
}
.natural {
	color: #00a3a1;
	font-weight: bold;
}
.surgical {
	color: #e34c7b;
	font-weight: bold;
}
.error {
  background: #e64475;
  color: #fff;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  padding: 5px;
  width: 100%;
}
#nojsDiv {
  background: #be0114;
  border: 2px solid #fff;
  color: #fff;
  font-size:0.95em;
  padding:5px 20px 7px 10px;
  text-align: center;
}
#wrapper {
	margin: 0 auto;
	width: 815px;
}
#branding {
	background: transparent url(../images/header_homepage.jpg) 1px 0px no-repeat;
	height: 200px;
	text-indent: -9999px;
}
#navigation_main {
	background: transparent url(../images/background_main-navigation.gif) 0px 0px no-repeat;
	height: 54px;
	margin: -4px 0 0 1px;
}
#content {
	background: transparent url(../images/background_content.gif) 0px 0px repeat-y;
	padding-bottom: 20px;
}
#content_main {
	float: left;
	margin: 0 0 0 25px;
	width: 555px;
}
#content_tertiary {
	float: right;
	margin: 0 17px 0 0;
  padding-top: 10px;
	width: 189px;
}
#content_ancillary {
  background: transparent url(../images/background_footer.gif) 1px 0px no-repeat;
  padding: 0 0 20px 0;
	text-align: center;
}

.internal #content_main {
	margin: 0 0 0 160px;
	width: 422px;
}
.internal #content_secondary {
	float: left;
	width: 142px;
	margin: 0 0 0 -574px;
}
/**
 * -----------------------------------------------------------------------------
 * HTML Entities
 * -----------------------------------------------------------------------------
 */

p {
	padding: 5px 0;
}
a {
	color: #010101;
	text-decoration: none;
}
/**
 * -----------------------------------------------------------------------------
 * Buttons
 * -----------------------------------------------------------------------------
 */

.button {
	display: block;
	text-indent: -9999px;
}
.button.next {
	background: transparent url(../images/buttons/btn_next.gif) 0px 0px no-repeat;
	height: 31px;
	width: 105px;
}
.button.learn-more {
	background: transparent url(../images/buttons/btn_learn-more.gif) 0px 0px no-repeat;
	height: 31px;
	width: 105px;
}
.button.learn-more-pro {
	background: transparent url(../images/buttons/btn_learn-more-pro.gif) 0px 0px no-repeat;
	height: 31px;
	width: 105px;
}
.button.take-quiz {
	background: transparent url(../home/images/btn_take-quiz.gif) 0px 0px no-repeat;
	height: 31px;
	width: 115px;
}
.button.ask-doctor {
	background: transparent url(../home/images/btn_ask-doctor.gif) 0px 0px no-repeat;
	height: 31px;
	width: 116px;
}
.button.actual-size {
	background: transparent url(../images/buttons/btn_view-size.gif) 0px 0px no-repeat;
	height: 31px;
	width: 128px;
}
.button.actual-size2 {
	background: transparent url(/patients/natural_menopause/images/btn_view-size.gif) 0px 0px no-repeat;
	height: 31px;
	width: 128px;
}
/**
 * -----------------------------------------------------------------------------
 * Branding Elements
 * -----------------------------------------------------------------------------
 */
#resources #branding,
#osteoporosis #branding,
#general #branding {
	background: transparent url(../images/background_branding-generic.jpg) 1px 1px no-repeat;
	height: 102px;
}
#natural #branding {
	background: transparent url(../natural_menopause/images/background_branding.jpg) 1px 1px no-repeat;
	height: 102px;
}
#surgical #branding {
	background: transparent url(../surgical_menopause/images/background_branding.jpg) 1px 1px no-repeat;
	height: 102px;
}
/**
 * -----------------------------------------------------------------------------
 * Navigation Main Elements
 * -----------------------------------------------------------------------------
 */
#navigation_main li {
	float: left;
}
#navigation_main li a {
	display: block;
	height: 48px;
	text-indent: -9999px;
}
a.home {
	background: transparent url(../images/button_home.gif) 0px 0px no-repeat;
	margin: 0 0 0 7px;
	width: 112px;
}
a.natural_menopause {
	background: transparent url(../images/button_natural.gif) 0px 0px no-repeat;
	width: 187px;
}
a.surgical_menopause {
	background: transparent url(../images/button_surgical.gif) 0px 0px no-repeat;
	width: 193px;
}
a.osteoporosis {
	background: transparent url(../images/button_osteoporosis.gif) 0px 0px no-repeat;
	width: 139px;
}
a.resources {
	background: transparent url(../images/button_health.gif) 0px 0px no-repeat;
	width: 171px;
}

a.home:hover,
a.natural_menopause:hover,
a.surgical_menopause:hover,
a.osteoporosis:hover,
a.resources:hover { background-position: 0px 50%; }


#home a.home,
#natural a.natural_menopause,
#surgical a.surgical_menopause,
#osteoporosis a.osteoporosis,
#resources a.resources { background-position: 0px 100%; }
/**
 * -----------------------------------------------------------------------------
 * Main Content Elements
 * -----------------------------------------------------------------------------
 */
#content_main ul li {
	background: transparent url(../images/bullet_generic.gif) 0px .35em no-repeat;
	margin: 7px 0;
	padding: 0 12px;
}
#content_main a {
	color: #e64475;
	text-decoration: underline;
}
#content_main h1 {
	background: transparent;
	color: #01b3b0;
	font-size: 1.8em;
	font-weight: normal;
	padding: 9px 0 15px 0;
}
#home #content_main h1,
#home #content_main h2,
#home #content_main p,
#home #content_main ul,
#general #content_main h1,
#general #content_main h2,
#general #content_main ul,
#general #content_main p {
	margin-left: 16px;
}

#content_main h2 {
  padding: 10px 0 5px 0;
  font-weight: normal;
}
#content_main ul,
#content_main p,
#content_main address,
#content_main img {
  padding: 0 0 10px 0;
}

#content_main p.prelist {
  padding: 0 0 5px 0 !important;
}
#content_main h2.prelist {
  padding: 0 0 20px 0 !important;
}
#home #content_main #tool_callout p {
	margin-left: 0;
}
#content_main h2 {
	background: transparent;
	color: #01b3b0;
	font-size: 1.4em;
}
#content_main h3 {
	font-size: 1.2em;
	padding: 5px 0;
}
#tool_callout {
	margin: 0 0 0 16px;
}
#close_quiz {
	background: transparent url(../home/images/background_closed-tool.gif) 0px 100% no-repeat;
  height: 165px;
}
#result_sets {
	background: transparent url(../home/images/background_tool.jpg) 0px 100% no-repeat;
	padding: 0 10px;
}
#tool_callout p.image_container  {
	width: 142px;
	height: 143px;
}
#tool_callout p {
	float: left;
	width: 510px;
}
#home #content_main #tool_callout p.txt {
	width: 380px;
}
#home #content_main #tool_callout p.txt1 {
	margin: 20px 0 0 0;
	width: 380px;
}
.rule {
	background: transparent url(../home/images/background_divider.gif) 0px center no-repeat;
	height: 5px;
	width: 100%;
}
p.image_container2  {
	width: 180px;
	float: right;
	padding: 34px 0 0 0;
}
#home #content_main h2 {
	padding: 20px 0 15px 0;
}
#content_tertiary h3 {
	background: transparent;
	color: #01b3b0;
	font-size: 1.2em;
}
/**
 * -----------------------------------------------------------------------------
 * Navigation Secondary
 * -----------------------------------------------------------------------------
 */
#navigation_secondary,
#navigation_secondary li.first
{
  background: none;
}
.what_is_surgical_menopause li#what_is_surgical_menopause ul,
.relief_with_climara li#relief_with_climara ul,
.how_climara_works li#how_climara_works ul,
.faqs li#faqs ul,
.what_is_osteoporosis li#what_is_osteoporosis ul,
.risk_factors li#risk_factors ul,
.prevention li#prevention ul,
.how_climara_can_help li#how_climara_can_help ul,
.diagnosis li#diagnosis ul,
.wellness_tips li#wellness_tips ul,
.womens_health_resources li#womens_health_resources ul {
  display: block !important;
}

.what_is_surgical_menopause li.first#what_is_surgical_menopause,
.what_is_osteoporosis li.first#what_is_osteoporosis,
.womens_health_resources li.first#womens_health_resources {
  background: #ffeef3 url(../images/climara/background_selected-navigation.gif) 0px -1px no-repeat;  
}

.relief_with_climara li#relief_with_climara,
.how_climara_works li#how_climara_works,
.faqs li#faqs,
.risk_factors li#risk_factors,
.prevention li#prevention,
.how_climara_can_help li#how_climara_can_help,
.diagnosis li#diagnosis,
.wellness_tips li#wellness_tips {
  	background: #ffeef3 url(../images/climara/background_selected-navigation.gif) 0px top no-repeat;
}
.what_is_surgical_menopause li#what_is_surgical_menopause a,
.relief_with_climara li#relief_with_climara a,
.how_climara_works li#how_climara_works a,
.faqs li#faqs a,
.what_is_osteoporosis li#what_is_osteoporosis a,
.risk_factors li#risk_factors a,
.prevention li#prevention a,
.how_climara_can_help li#how_climara_can_help a,
.diagnosis li#diagnosis a,
.wellness_tips li#wellness_tips a,
.womens_health_resources li#womens_health_resources a {
  	background: transparent url(../images/climara/arrow_on.gif) 8px 1.1em no-repeat;
}

.s1 ul#navigation_secondary li ul li.s1 a,
.s2 ul#navigation_secondary li ul li.s2 a,
.s3 ul#navigation_secondary li ul li.s3 a,
.s4 ul#navigation_secondary li ul li.s4 a,
.s5 ul#navigation_secondary li ul li.s5 a {
	background-color: #ee5c8d;
  background-image: none !important;
	color: #fff;
}

#navigation_secondary li.first {
  background: transparent url(../images/climara/border_navigation-secondary.gif) 0px -1px no-repeat;
}
#navigation_secondary li {
	background: transparent url(../images/climara/border_navigation-secondary.gif) 0px top no-repeat;
}
#navigation_secondary li a {
	background: transparent url(../images/climara/arrow_off.gif) 10px .9em no-repeat;
	color: #ee5c8d;
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px 20px;
}

#navigation_secondary li ul li {
	background: white url(../images/climara/border_navigation-secondary.gif) 0px top no-repeat;
}
#navigation_secondary li ul li a {
	background-image: none !important;
	font-size: 1em;
	padding-left: 26px;
}
#navigation_secondary li ul li a:hover {
	background: #ee5c8d;
	color: #fff;
}

/**
 * -----------------------------------------------------------------------------
 * Content Tertiary Elements
 * -----------------------------------------------------------------------------
 */
#content_tertiary dl {
	padding: 15px 0 0 0;
}
#content_tertiary dl dt {
	text-align: center;
}
#content_tertiary dl dd {
	padding: 0 0 15px 0;
	text-align: center;
}
#content_tertiary dl dd p {
	padding: 0;
}
/**
 * -----------------------------------------------------------------------------
 * Content ISI
 * -----------------------------------------------------------------------------
 */

#content_isi {
   padding: 5px 0 0 0;
}
#content_isi.page {
  padding: 0;
}
#content_isi ul li {
 
}
#content_isi .isi {
  border: 1px solid #000;
  padding: 10px 20px;
}
/**
 * -----------------------------------------------------------------------------
 * Content Ancillary
 * -----------------------------------------------------------------------------
 */
#content_ancillary ul {
	list-style-type: none;
  padding: 25px 0 13px 0;
}
#content_ancillary ul li {
	display: inline;
	margin: 0;
}
#content_ancillary ul li a {
	font-size: .95em;
}
/**
 * -----------------------------------------------------------------------------
 * Tool
 * -----------------------------------------------------------------------------
 */
#tool {
	background: transparent url(../home/images/background_tool.jpg) 0px 100% no-repeat;
	height: 225px;
}
#tool legend {
	color: #01b3b0;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 10px 0;
}
#tool .collapse {
	float: right;
}
#tool p {
	color: #00a3a1;
	font-weight: bold;
	padding: 10px;
}
#home #content_main #tool_callout h2 {
	margin-left: 0;
}
#tool label {
	color: #000;
	font-weight: normal;
}
#tool .button {
	float: left;
	height: 35px;
	width: 108px;
}
#tool .button.back {
	background: transparent url(../home/images/btn_back-tool.gif) 0px 0px no-repeat;
}
#tool .button.disabled {
  background: transparent url(../home/images/btn_back-disabled.gif) 0px 0px no-repeat;
}
#tool .button.next {
	background: transparent url(../home/images/btn_next-tool.gif) 0px 0px no-repeat;
}