/*@charset "UTF-8";*/
/* CSS Document */

/*-----------------------------------------------------------------------------
Xifaxan-550 Screen Stylesheet

version:   1.0
date:      03/23/2010
website:   www.xifaxan550.com
company: MedThink Communications

------Site Colors  ---------

#007dc3, logo blue (h2, h3, ul, a:hover)
#c1cd23, logo green
#003366, drk blue (h1, a:link, subNav a:hover, signOff)
#03315F, bg drk blue
#4092cc, warm grey (p, subNav a:link)
-----------------------------------------------------------------------------*/  

* { margin: 0; padding: 0; } 

body{ font: 62.5% Arial, Helvetica, Verdana, sans-serif; color: #000000; background-color: #FFF; text-align: center;/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ }

h1 { font-size: 3.6em; color:#003366; font-family: "report-school-1","report-school-2", ArialNarrow, Helvetica, sans-serif; font-weight: 100; border-bottom: #c1cd23 solid 1px; line-height: 1em; } 
h2 { font-size: 1.9em; color:#007cd3; font-family: Arial, Helvetica, sans-serif; margin: .5em 0; }
h2 a:link, h3 a:link {color:#007cd3;}
h3 { font-size: 1.6em; color:#007cd3; margin-bottom: .5em; padding-top: 1em; border-bottom:1px dashed #007dc3; }
h4 { font-size: 1.4em; color: #515151; font-family: Arial, Helvetica, sans-serif; }
h5 { font-size: 1.3em; }
    
p { margin-bottom:1em; font-size: 1.4em; line-height: 1.3em; color:#515151; }
p.small { font-size:1.2em; }
p.sml10 { font-size:1.0em; margin-bottom:1.4em; }
ul { color:#515151; }

dl { margin:0; }
dt { margin-top:1em; font-size:1.5em; color:#007cd3; font-weight:bold; font-style:italic; color:#003366; } /* based on h3 */
dd { margin:.25em 0 .5em .75em; font-size:1.4em; line-height:1.5em; color:#003366; } /* based on p */

a:link, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus  { color:#003366; }
a:visited { color:#c1cd23; }
a:hover, a:focus { color:#007dc3; }

img { border:none; }
p a img { vertical-align:top; }

/* class styles throughout site */
.left  { float:left;}
.right { float:right;}
.clear { clear:both; }
.center {text-align: center;}
.super { font-size:60%; vertical-align: super; line-height: 0; text-decoration:none; }
.figure { padding:0 8px 0 12px; font-size:1.15em; text-align:justify; line-height:1.15em; }
.ref { font-size:1.15em; }
.red {color:#F00;}
.top-margin {margin-top: 1em;}
.print { display:none; }
.no-wrap { white-space:nowrap; }

.link-list a { text-decoration:none; }
.link-list a:hover { text-decoration:underline; }
.top:visited { color:#003366; }
.top:hover, .top:focus { color:#007dc3; }

/*------ Main layout IDS --------*/

.abs-left { width:50%; position:absolute; left:0; top:0; }
.wrapper { width:100%; }	
.content { width:980px; margin:0 auto; text-align:left; }

	/*------ Main Content alternate link colors ------*/
	#footer a, #breadcrumb a { color:#fff; }
	#top-links a { color:#003366; } /* blue */
	#salix a, #top-links a:hover, #top-links a:focus { color:#007dc3; } /* Logo blue*/
	#breadcrumb a:hover, #breadcrumb a:focus, 
	#footer a:hover, #footer a:focus, #salix a:hover, #salix a:focus { color:#c1cd23; } /* Logo green */
	/*------ END Main Content link colors ------*/

#header { /*min-height:177px; max-height:195px;*/ background:url(../images/theme/head.gif) repeat-x; /*overflow:visible;*/ }
#header .abs-left { height:135px; margin-top:10px; background:url(../images/theme/bkgd-left.gif) repeat-x #03315F; }
#header .content { height:90px; position:relative; padding-top:10px; background:url(../images/theme/head.gif) repeat-x; text-align:right; }
.tag { float:left; margin:17px 0 0 -25px; }

#top-links { float:right; margin-top:20px; position:relative; color:#003366; }
#top-links p { margin-bottom:.5em; }

#q { margin-right:30px; }
.go { width:24px; height:24px; position:absolute; bottom:-8px; right:0; cursor:pointer;	
	background:url(../images/theme/search-button.gif) transparent; border:none; }
.go:hover { background:url(../images/theme/search-button-over.gif); }

#container { background-color:transparent; }
#container .center {text-align: center;}

	/*----- Breadcrumb Area -------*/
	#bulb { float:right; margin-bottom:15px; }
	#breadcrumb { width:491px; min-height:33px; margin-left:238px; background:url(../images/theme/breadcrumb.gif) no-repeat left bottom #007DC3; }
	#breadcrumb p { display:block; height:auto; margin:0; padding:6px 50px 10px 12px; font-size:1.2em; color:#fff; }
	/*----- END Breadcrumb -------*/

#maincontent { float:left; width:480px; margin:0 10px; padding-top:10px; }
#maincontent ul { margin:1.2em 0 1.7em; }
#maincontent ul ul { margin:.5em 0; }
#maincontent li { font-size:1.4em; margin:0 0 1em 30px; list-style-image:url(../images/theme/bullet.gif); }
#maincontent .disc-bullet li { list-style-image:none; list-style-type: disc; margin-bottom: .3em; }
#maincontent .numberlist li { list-style-image:none; }
#maincontent li li { font-size:1em; }

#colright { float:left; width: 240px; /*margin-top:170px;*/ }
#colright img { margin-bottom: 10px; }

#safety { clear:both; margin:0 10px; position:relative; overflow:visible; }
#target { position:absolute; left:50px; top:-167px; }
#safety h3 { border-bottom: none; }

#footer { margin:10px 0; position:relative; padding-bottom:10px; background-color:#007DC3; border-top:5px solid #003366; }
#footer .abs-left { height:40px; background-color:#044A81; }
#footer .content { position:relative; background:url(../images/theme/foot-links.gif) no-repeat; }
#footer p { margin:0 10px 14px; font-size:1.2em; color:#fff; }
#footer p.links { margin-bottom:20px; margin-right: 300px; }

#salix p { font-size:1.2em; color:#003366; }
#salix img { float:left; margin:0 10px 10px; }

/*------ END Main Layout IDS --------*/


/*------ Navigation --------*/
#nav { width:980px; height:45px; margin:0 auto; position:relative; background:url(../images/nav/nav-bkgd.jpg) no-repeat; text-align:left; }
#nav ul { height:40px; list-style-type:none; font-family: Tahoma, Geneva, sans-serif; }
#nav li { float:left; position:relative; border-left:1px solid #03264B; }
#nav li:hover, #home li.home, #about li.about, #treat li.treat, #flora li.flora, 
#resources li.resources, #contact li.contact  { background:url(../images/nav/main-over.gif) repeat-x #007DC3; }
#nav ul a { height:23px; display:block; padding:10px 10px 7px; font-size:1.5em; text-decoration:none; color:#fff; letter-spacing:.025em; }
#nav ul a:hover { background:url(../images/nav/dropdown-over.gif) repeat-x #C1CD23; color:#003366; }

	/*----- Drop Down Nav ------*/
	#nav li ul { width:200px; height:auto; display:none; padding-bottom:5px; position:absolute; top:40px; left:0; 
		border:1px solid #003364; border-top:none; background:url(../images/nav/main-over.gif) repeat-x #007DC3;
	 	border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px;
		border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px;
		box-shadow:3px 3px 3px rgba(0,0,0,.5); -moz-box-shadow:3px 3px 3px rgba(0,0,0,.5); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,.5); }
	#nav li:hover ul { display:block; }
	#nav li li { float:none; border:none; border-bottom:1px solid #03264B; }
	#nav li li:hover { background:url(../images/nav/dropdown-over.gif) repeat-x #C1CD23; }
	#nav li li:hover a { color:#003366; }
	#nav li ul a { height:auto; padding:6px 10px; font-size:1.4em; }
	/*----- END Drop Down Nav ------*/
	
	
	/*----- Subnav ------*/
	#subnav { width:231px; float: left; padding-top: 14px; padding-right: 7px; text-align:left;}
	#subnav ul { list-style-type:none; }
	#subnav li { padding-left:15px; font-size:1.5em; }
	#subnav li:hover, #subnav .pageon { background:url(../images/nav/bullet-sub.gif) no-repeat 0 6px; }
	#subnav a { display:block; padding:5px; border-bottom:1px dashed #007DC3; text-decoration:none; color:#515151; }
	#subnav .first a { border-top:1px dashed #007DC3; }
	#subnav .pageon { font-weight:bold; }
	#subnav a:hover, #subnav a:focus, #subnav .pageon a { color:#003364 }
  /*----- END Subnav ------*/
	
/*------ END Navigation --------*/


/*------ Home Page ------*/
#home #header { min-height:135px; }
#home #container { padding-top:0; /*position:relative; top:-6px;*/ }
#flash { height:240px; margin-bottom:10px; /*background:url(../images/theme/flashBackup.jpg) no-repeat;*/ }

#home h2 { font-size:2.0em; }
#home #maincontent { width:630px; }

#home #colright { width:325px; margin-top:0; padding-top: 10px; }
#home #nav { background:url(../images/nav/nav-bkgd-home.jpg) no-repeat; }
/*------ END Home Page ------*/


/*------ Hepatic Encephalopathy Treatment 3.0 --------*/
#treat #subnav {margin-bottom: 244px;}
/*------ END Hepatic Encephalopathy Treatment --------*/


/*------ Resources 5.0 --------*/
a.linkback {height: 33px; width: 330px; padding:9px 0px 0px 15px; font-weight:bold; font-size: 1.5em;  background:url(../images/cta/link-back.gif) no-repeat; text-decoration:none; color: #fff; display:block;} 
a:hover.linkback {color: #c1cd23;}
/*------ END Resources 5.0 --------*/

/*------ Sign up ------*/
.SignupForm {background-color: #F6F8E1; padding:10px; padding-bottom: 0; border: 1px solid #007dc3; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin-bottom: 14px; }
.SignupForm p.req {text-align: right; margin-right: 60px;}
.SignupForm div { clear:both; margin-bottom:.65em; }
.SignupForm label { width:170px; float:left; margin-right:5px; padding:3px 0 10px; display:block; text-align:right; vertical-align:bottom; font-size: 1.5em; font-weight:bold; color:#515151; }
.SignupForm .check label { width:260px; float:right; margin-right:0; padding-top:0; text-align:left; font-size:1.2em; font-weight:normal; }
.no-label { margin-left:175px; }
.button input { margin-right:10px; }

.formRefresh { display:none; }
/*------ END Sign up ------*/

/*------- FAQ Page ----------
/*------- END FAQ Page ------*/

/*------ Site Map --------*/
#sitemap #maincontent li ul li { font-size:1em; }

#maincontent .SignupForm li {list-style-image: none; margin-bottom: .25em; color:#F00;}