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

/* * * * * Site colors * * * * *
 		#006E9F Blue (h1)
		#EA4F6A Pink (h2)
		#5D6062 Grey (a:hover)
 * * * * END Site colors * * * */

body{ margin:0; padding:0; font: 100% Helvetica, Arial, Verdana, sans-serif; line-height: 1.125em; color: #000000; background-color: #FEF5F6; 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 */ }

a:link { color: #006E9F; }
a:visited { color: #006E9F; }
a:hover { color: #5D6062; }

a.icon { text-decoration:none; } /* Remove underline from links with images (pdf icon) */
a span { text-decoration:underline; } /* Add underline back to text */

h1 { font-size: 1.75em; color: #006E9F; font-style: italic; letter-spacing: -.025em; line-height: 1.1em; font-weight: bolder; margin:.75em 0 .05em 0; }

h2 { font-size: 1.25em; color: #EA4F6A; font-weight: bold; line-height: 1.375em; margin-bottom: -.3em; margin-top: .5em; }

h3 { margin:.8em 0 -.5em; font-size:1em; color:#006E9F; } /* used on Diet Tips 7.1 & Food labels 7.1.1 */
/*h3 a { text-decoration:none; }  used on site map */

p { font-size:.9375em; line-height: 1.3em; margin:.8em 0; } /* 15pt = .9375em; 14pt = .875em; 13pt = .8125em; 12pt = .75em; 11pt = .6875em */
p strong a {color: #006E9F;}
p strong a:visited { color: #006E9F; }
p strong a:hover { color: #5D6062; }

/* Definition List: 7.3 Glossary of Terms */
dl { margin:0; }
dt { margin-top:.75em; font-size:1.1em; color:#EA4F6A; font-weight:bold; } /* based on h2 */
dd { margin-left:1.5em; font-size:.9375em; line-height:1.3em; } /* based on p */

dt a:link { color:#EA4F6A; }
dt a:visited { color:#EA4F6A; }
dt a:hover { color:#006E9F; }

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

hr { border: none; border-bottom: 3px #EA4F6A dotted; }
hr.solid { border-bottom:1px #EA4F6A solid; }

.sup { font-size: 55%; vertical-align: super; line-height: 0; text-decoration:none; white-space:nowrap; }
p.sup { color:#333; }

p.ref { font-size:.8125em; line-height:1.2em; color:#666; }
p.fig { font-size:.8125em; margin:5px 0 15px 10px; } /* 8.1 Why use Metozolv ODT */

.pink { color:#EA4F6A; }

.print { display:none; }

.left { float:left; width:inherit; }
.right { float:right; width:inherit; }
.clear { clear:both; }
.red {color: red;}

.no-wrap { white-space:nowrap; }
.sml-cap { font-size:75%; }

/*------ Background IDS --------*/

#wrapper { width: 100%; background: url(../images/wrapper.png) #FEF5F6 repeat-x center top; padding-top: 10px; } 

#container { width: 1000px; height: auto; margin: 0 auto; padding: 0; text-align: left; background: url(../images/container.png) repeat-y center top; }

#header { height: 110px; padding: 10px; background: url(../images/header.png) no-repeat center top; }

#header img { float: left; }

.creativeL { width:610px; }
.creativeR { width:390px; }

	/* Search Area */
#search { width:285px; float: right; text-align: center; padding-top: 1.25em; margin-right:2px; font-size: .69em; color: #006E9F; }
#search .form { height:35px; margin:.5em 0 0 0; padding:1.1em .5em .5em .5em; background: url(../images/search.png) no-repeat right top; }
#search span { font-size:1.325em; }
	/* END Search Area */

/*------ END Background IDS --------*/


/*------ Navigation --------*/

#nav { width: 1000px; height: 43px; margin:7px 0 3px 0; text-align: center;  }

#nav ul, #subnav ul { margin: 0px; padding: 0px; list-style-type: none; }

#nav ul { margin: 0 10px 0 8px; }

#nav ul li { width:140px; float: left; position: relative;  }

#nav ul a { display: block; width:128px; height:36px; margin-left: 4px; padding: 3px 4px; font-weight: bold; color: #fff; background:#00628D url(../images/nav/nav-blue.png) no-repeat center top; text-decoration:none; }

#nav ul a.home, #nav ul a.contact { height:18px; padding:12px 4px;}

#nav ul a:hover, #nav ul a.active_section, #home a.home, #whatis a.whatis, #rightfor a.rightfor, #gastro a.gastro, #gerd a.gerd, #healthcare a.healthcare, #contact a.contact  { background:#DB526A url(../images/nav/nav-pink.png) no-repeat center top; } /* The id defines which section (ex. About Metozolv 2.0) the user is on and highlights the main nav button in pink */

.js-show { display:block; }

.js-hide { display:none; }

/*------ END Navigation --------*/


/*------ Maincontent & Side Columns & References --------*/

#maincontent{ width: 730px; float: left; padding: 10px 25px; }
#maincontent .half { width:270px; margin:0 5px 10px 5px; display:inline; } /* 8.1 Why use Metozolv ODT (figures) */

#maincontent ul { margin-top: .85em; }

#maincontent li { margin-bottom: .35em; font-size:.9375em; vertical-align:middle; }

#maincontent li ul { margin: .25em 0 .5em 1em; padding: 0; font-size: .95em; }

#maincontent .liref { list-style: none; font-size: .85em; }

#maincontent .check li { list-style-image:url(../images/box.gif); vertical-align:top; }/* Checklist, used on 4.0, right-for-you */

	/* Side columns */
#colright img { margin:0 0 25px 0; }
#colright { width: 205px; margin-top: 69px; float: left; text-align: center; }
#colright img.healthcare { margin-top:-10px; }
	/* END Side columns */
	
	
	/* References */
	#references { padding-right: 25px; font-size:0.6875em;  color:#666; }
	/* END References */

/*------ END Maincontent & Side Columns --------*/


/*----- Home 1.0 ---------*/
.links { display: block; padding: 5px 140px 5px 20px; margin-left: -20px; background: url(../images/nav/eop-bullet.png) no-repeat left 7px; font-size:.9375em; text-decoration:none; line-height: 1.4em; list-style-type:none; }
.links li { list-style-type:disc; }
/*----- End Home 1.0 ---------*/



/*------ How Zydis Works 3.1 ------*/
.how-works-left {float: left; width: 250px; padding-right: 8px;}
.how-works-video {float: left; margin: 0; padding: 0; padding-top: 16px; width: 300px;}
/*------ END How Zydis Works ------*/

/*-------Disucssion Guide (4.1)----------*/
.questions li {padding: 3px 0; line-height: 1.5em;}
/*-------Disucssion Guide (4.1)----------*/

/*------ Patient Examples & Patient Profile (4.2 & 8.3) ------*/
.profile { height:100%; clear: both; border-bottom:1px #EA4F6A solid; overflow:hidden; }
.profile img { margin:10px 5px; }
.profile p { width:315px; }
.profile ul { width:300px; margin:0; padding-left:15px; }
/*------ END Patient Profiles ------*/

/*------- Patient Tools & Resources (7.0 & 7.2) --------*/
.resource { margin-bottom: -.5em; font-size: 1em; font-weight:bold; color:#5D6062; }
.resource a:link { color:#EA4F6A; }
.resource a:visited { color:#EA4F6A; }
.resource a:hover { color:#006E9F; }
/*------- END Patient Tools & Resources --------*/

/*------ 7.1.1 Food Labels ------*/
.label { width:560px; clear:both; display:block; border-bottom:1px #EA4F6A solid; overflow:hidden; }
.label img { float:right; margin:0px 0px 10px 10px; }
/*------ END Food Labels ------*/

/*------ Forms: Sign up, Tongue Trivia 7.4, & Pass the word 7.5 ------*/
.form div { clear:both; margin-bottom:.65em; }
.form p { padding-top:.25em; font-size:.8125em; }
label { width:170px; float:left; margin-right:5px; padding-top:3px; display:block; text-align:right; vertical-align:bottom; }
.no-label { margin-left:175px; }
.option { width:inherit; float:none; display: inline; margin-left: 170px; }

.button { padding-top:1em; }
.button input { margin-right:10px; }
.checkbox label { width:525px; float:right; margin-right:0; font-size:.825em; font-weight:normal; text-align:left; }
/*------ END Forms ------*/

/*------ Why use Metozolv ODT 8.1 ------*/
.pie-chart { clear:both; width:560px; display:block; margin:.75em 0; overflow:hidden; }
.pie-chart img { float:left; margin:0 10px 0 25px; display:inline; }
.pie-chart p { margin:0; }
/*------ END Why use Metozolv ODT ------*/

/*------ Sitemap; Patient FAQs 8.2 ------*/
.column {  margin-bottom:1em; padding-right:10px; }
.column h3 { margin-bottom:.25em; }
#maincontent .link-list { margin-top: 1em; }
#maincontent .column .link-list { margin-top:0; list-style-type: none; margin-left: -10px;}
.link-list a, .column a { text-decoration:none; }
.link-list a:hover, .column a:hover { text-decoration:underline; }
/*------ END Sitemap ------*/


/*----------- Fair Balance -------------*/
#fairbalance { clear:both; margin-top:.5em; color:#000; line-height:1.2em; vertical-align:bottom; }
#fairbalance p.footnote { margin-bottom: .5em; font-size:0.6875em; color:#666; }
#fairbalance p.footnote .sup {font-size:80%;}
#fairbalance p.box { padding:.25em; border:1px solid #000; font-weight:bold; }
/*--------- END Fair Balance -----------*/


/*----------- Footer-------------*/
#footer { clear: both; width: 1000px; margin: 0 auto; text-align: center; }
/*new line of code*/#footer p { font-size: .75em; line-height: 1.5em; color: #5D6062; }
#footer a { color: #5D6062; }
#footer a:hover { color: #006E9F; }
#footer img {float: left; margin: 4px 10px 0px 140px;}
#footer .salix {text-align:left;}
/*--------- END Footer-----------*/