/* 
Miranel CSS V 1.0 Created 01.26.08
Seecreature Design seecreature.com
And, it may absolutely not be used without express written permission from Humco (humco.com).
 */

/* Make things print 
---------------------------------------------------------------------------------- */
#flashcontent {
	display:none!important;
	}
#mymovie {
	display:none!important;
	}



/* ---------------------------------------------------------------------------------- */

html {height:100%;background:#33529a url(/library/images/html_bg.jpg) 0 0 repeat-x;}
body {
	text-align: left;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999;
	line-height: 16px;
	height:100%;
	}
#wrapper {
	display:table;
	height:100%;
	width:900px;
	margin: 0;
	background:url(/library/images/body_bg.gif) 0 0 repeat-y;
	}
#container {
	min-height:600px;
	background: url(/library/images/content_top_bg.jpg) 0 0 no-repeat;
	}
h1 {
	margin: 10px 0 12px 0;
	font-size: 18pt;
	font-weight:normal;
	color: #ffffff;
	}
h2 {
	margin: 0 0 8px 0;
	font-size: 14.5pt;
	font-weight:normal;
	color: #133173;
	}
h3 {
	margin: 0 0 8px 0;
	font-size: 10.5pt;
	font-weight:normal;
	color: #133173;
	}
p {
	margin: 10px 0;
	line-height: 18px;
	font-size:9pt;
	color:#222222;
	}
ul {
	font-size:10pt;
	padding-left: 15px;
	color:#333333;
	margin:0;
	list-style-image:url(../images/bullet_circle.gif);
	}
li {padding:0;margin:0;}

a:link, a:visited {
	color: #009933;
	text-decoration: none;
	}
a:hover, a:active {
	color: #009933;
	text-decoration: underline;
	}
dl {
	color:#333333;
	margin:0;
	padding:0;
	}
dt {
	font-weight:bold;
	padding: 10px 0 0px 0;
	}
dd {
	margin:0 0 0 15px;
	padding:1px 0 1px 10px;
	background: url(../images/bullet_circle.gif) 0px 7px no-repeat;	
	}



/* CSS Set Special page attributes
-------------------------------------------------------------------------------- */
body#page_sitemap #acontent {
	background:none;
	}
body#page_home #ccontent {
	padding:11px 0 0 0;
	text-align:left;
	}
body#page_home #ccontent {
	background: #fcfdfd url(/library/images/home_ccontent_bg.gif) 0 0 repeat-x;
	}
body#page_directions #nav_directions,
body#page_drugfacts #nav_drugfacts,
body#page_faqs #nav_faqs,

body#page_footandtoe #nav_footandtoe,
body#page_nail #nav_nail,
body#page_resources #nav_resources,
body#page_community #nav_community {
	background-position: 0 -28px;
	}
body#page_miconazole #nav_miconazole,
body#page_teatree #nav_teatree,
body#page_camphor #nav_camphor,
body#page_eucalyptus #nav_eucalyptus,
body#page_menthol #nav_menthol {
	background-position: 0 -67px;
	}
/* CSS top nav
-------------------------------------------------------------------------------- */
#homebotcontent {
	background: #fcfdfd url(/library/images/homebotcontent_bg.gif) 0 0 repeat-x;
	padding: 24px 0 28px 28px;
	}
#homebotcontent .hbc_left {
	float:left;
	width:340px;
	}
#homebotcontent .hbc_right {
	float:left;
	width:440px;
	padding: 0 0 0 76px;
	}

/* CSS top nav
-------------------------------------------------------------------------------- */
#flashcontent {
	padding: 0 0 0 0;
	height:63px;
	}
#flashcontent a:link, #flashcontent a:visited {
	display:block;
	float:left;
	padding: 8px 16px 8px 16px;
	text-decoration:none;
	color:#d0e9cf;
	font-size:10pt;
	font-weight:normal;
	margin: 10px 0 0 0;
	border-right:1px solid #60ac67;
	}
#flashcontent a:hover, #flashcontent a:active {
	text-decoration:none;
	background:#7cb580;
	color:#0d3953;
	}
#logo {
	float:left;
	padding: 20px 150px 0 80px;
	}
#flashcontent .searchbox {
	float:left;
	padding: 14px 0 0 16px;
	}
#flashcontent .searchbox form {
	margin:0;
	padding:0;
	}
#flashcontent .searchbox form input {
	margin:0;
	font-size:7.5pt;
	padding:4px 6px 4px 25px;
	border:none;
	color:#97c199;
	background: transparent url(/library/images/searchbox_bg.gif) top right no-repeat;
	width:95px
	}
/* CSS Breadcrumbs
-------------------------------------------------------------------------------- */
#crumbs {
	font-size:10pt;color:#ffffff;
	padding: 6px 14px;
	text-align:right;
	}
#crumbs a:link, #crumbs a:visited {
	color: #ffffff;
	text-decoration: none;
	}
#crumbs a:hover, #crumbs a:active {
	color: #ffffff;
	text-decoration: underline;
	}

/* CSS Main div containers
-------------------------------------------------------------------------------- */

#ccontent {
	background: #ffffff url(/library/images/ccontent_bg.gif) 0 0 repeat-x;
	
	margin: 0 0 0 0;
	}

#bcontent {
	background:#ffffff url(/library/images/bcontent_bg.gif) 0 0 repeat-x;
	padding: 0 0 0 0;
	margin:0 0 0 0 ;
	}
#acontent {
	background:#ffffff url(/library/images/acontent_bg.gif) 0 0 repeat-y;
	height:100%;
	}

/* CSS Content
-------------------------------------------------------------------------------- */
#content {	
	float:left;
	text-align:left;
	margin: 0 0 0 0;
	min-height: 470px;
	}
.widecontent { width:100%}
.narrowcontent {width: 694px;}


/* Optional Backgrounds go here */
.contbg01 { background:url(/library/images/contbg01.jpg) 0 0 repeat-x;}

/* --------------------------- 
#content img {border:1px solid #9eb7bc;}*/



#content .content {
	padding: 0 0 0 0;
	
	}




/* CSS Sidebar 
-------------------------------------------------------------------------------- */
#sidebar {
	width:193px;
	float:left;
	text-align:left;
	}

#sidebar h2 {font-size: 10pt;margin: 0 0 4px 0;font-weight:bold;}
#sidebar p {margin: 0 0 12px 0;}
#sidebar .sidecontent {
	padding: 30px 32px 5px 17px;
	}


#sidebar .sidenav {
	padding: 15px 0 20px;
	background:url(/library/images/sidenav_bg.gif) 0 0 repeat-y;
	}

#sidebar .sidenav a {
	height: 28px;
	display:block;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	}
#sidebar .sidenav a:hover {
	background-position: 0 -28px;
	}
#nav_population {width: 193px;background: url(/library/images/sidenav_population-risk.gif); }
#nav_diagnosing {width: 193px;background: url(/library/images/sidenav_diagnosing-OM.gif); }
#nav_treatment {width: 193px;background: url(/library/images/sidenav_treatment-info.gif); }
#nav_references {width: 193px;background: url(/library/images/sidenav_references.gif); }
#nav_directions {width: 193px;background: url(/library/images/sidenav_directions.gif); }
#nav_drugfacts {width: 193px;background: url(/library/images/sidenav_drugfacts.gif); }
#nav_faqs {width: 193px;background: url(/library/images/sidenav_faqs.gif); }
#nav_footandtoe {width: 193px;background: url(/library/images/sidenav_footandtoe.gif); }
#nav_nail {width: 193px;background: url(/library/images/sidenav_nail.gif); }
#nav_diabetes {width: 193px;background: url(/library/images/sidenav_diabetes.gif); }
#nav_resources {width: 193px;background: url(/library/images/sidenav_resources.gif); }
#nav_community {width: 193px;background: url(/library/images/sidenav_community.gif); }




#sidebar .isidenav {
	padding: 0  0 20px 0;
	
	}

#sidebar .isidenav a {
	height: 67px;
	display:block;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	}
#sidebar .isidenav a:hover {
	background-position: 0 -67px;
	}
#nav_miconazole {width: 193px;background: url(/library/images/sidenav_miconazole.gif); }
#nav_teatree {width: 193px;background: url(/library/images/sidenav_teatreeoil.gif); }
#nav_camphor {width: 193px;background: url(/library/images/sidenav_camphor.gif); }
#nav_eucalyptus {width: 193px;background: url(/library/images/sidenav_eucalyputus.gif); }
#nav_menthol {width: 193px;background: url(/library/images/sidenav_methol.gif); }


/* CSS search_results
-------------------------------------------------------------------------------- */

#search_results {
	padding: 30px 0;
	}
#search_results form {
	height:45px;
	}
#search_results input {
	float:left;
	
	}
#search_results input.sp2_field {
	float:left;
	margin: 0 15px 0 0;
	width:260px;
	}
#search_results a.sp2_advanced {
	float:right;
	margin: -18px 0 0 0;
	text-align:right;
	}






/* CSS Subfooter
-------------------------------------------------------------------------------- */
#subfooter {
	background: #dbdbdb url(/library/images/subfooter_bg.gif) 0 0 repeat-x;
	clear:both;
	color:#898989;
	text-align:right;
	padding: 7px 0 0 0;
	border-top:1px solid #d6d6d6;
	height:25px
	}
#subfooter .subleft {
	float:left;
	padding: 0 0 0 40px;
	}
#subfooter .subright {
	padding: 0 46px 0 0;
	}
#subfooter a:link, #subfooter a:visited {
	color: #898989;
	text-decoration: none;
	}
#subfooter a:hover, #subfooter a:active {
	color: #898989;
	text-decoration: underline;
	}
#subfooter a.subspace {margin: 0 4px 0 4px}
/* Footer
-------------------------------------------------------------------------------- */
#footer {
	color:#758cc0;
	font-size:7.5pt;
	background: url(/library/images/footer_bg.gif) bottom center no-repeat;
	height:80px;
	padding: 12pt 0 0 0
	}
#footer p {
	color:#758cc0;
	font-size:7.5pt;
	margin:0 0 12pt 0;
	}
#footer a:link, #footer a:visited {
	color: #758cc0;
	text-decoration: none;
	margin:0;
	padding:0;
	}
#footer a:hover, #footer a:active {
	color: #758cc0;
	text-decoration: underline;
	}



/* form
----------------------------------------------------------------------- */
form {
	padding:0;
	margin:0;
	font-size:8pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	
	}
label {
	display: block;
	margin-top: 8px;
	margin-bottom: 2px;
	}
form .error input {
	border:1px solid #5B0508;
	}
form .error label {
	color:#5B0508;
	}
textarea {
	background-color: #F8F7F5;
	}
input, select {
	background-color: #F8F7F5;
	}
form .row {
	padding: 0px 0px 0px 0px;
	}
form .row div {
	float: left;
	margin-right: 10px;
	}
form .row div.block {
	float: none;
	}	
.submit {
	text-align: right;
	padding: 10px 0px;
	background: transparent url(../images/dot_grey.gif) center left repeat-x;
	margin-right: 44px;
}
form .asterisk {
	color:#5B0705;
}

/* Sitemap CSS
-------------------------------------------------------------------------------- */
#sitemap {
	background: url(../images/sitemap_bg.gif) 7px 30px no-repeat;
	}
#sitemap .mainhome a:link, #sitemap .mainhome a:visited {
	display:block;
	border:1px solid #999999;
	padding: 4px 12px;
	float:left;
	background:#ffffff;
	font-weight:bold;
	margin: 0 0 35px 0;
	}
#sitemap .mainhome a:hover, #sitemap .mainhome a:active {
	
	}
#sitemap .subpage a:link, #sitemap .subpage a:visited {
	display:block;
	border:1px solid #999999;
	padding: 4px 12px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	font-weight:bold;
	margin:0;
	}
#sitemap .subpage a:hover, #sitemap .subpage a:active {
	text-decoration:none;
	background:#F1F1F1;
	}


/* FAQ Questions
-------------------------------------------------------------------------------- */
.question {
	background: url(../images/icon_q.gif) 4px 7px no-repeat;
	padding: 8px 22px 6px 26px;
	color:#009933;
	font-size: 10pt;
	margin: 12px 0 0 0;
	cursor:pointer;
	}
.vquestion {
	background: url(../images/view_answer.gif) top right no-repeat;
	
	}
.hquestion {
	background: url(../images/hide_answer.gif) top right no-repeat;
	}

.answer {
	background: url(../images/icon_a.gif) 4px 7px no-repeat;
	padding: 8px 22px 6px 26px;
	font-size: 10pt;
	}
.qodd {
	background-color:none;
	}
.qeven {
	background-color:#e2ebe7;
	}

/* Common CSS
-------------------------------------------------------------------------------- */
img {
	border: 0;
	}
.right {
	float:right;
}
.left {
	float:left;
}
.imgRight {
	float:right;
	margin: 0px 0px 10px 20px;
}
.imgLeft {
	float:left;
	margin: 0px 20px 10px 0px;
}
.txtRight {
	text-align:right;
}
.txtLeft {
	text-align: left;
}
.txtCenter {
	text-align: center;
}
.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.b1 {
	border:1px solid #204b5e;
	}
.inseframebox {
	background-color:#E6E6E6;
	padding: 20px 20px 20px 20px;
	}