/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */

/* undohtml.css
 * (CC) 2004 Tantek Celik. Some Rights Reserved.
 * http://creativecommons.org/licenses/by/2.0
 * This style sheet is licensed under a Creative Commons License.
 **********************************************************************/

/* Purpose: undo some default styling of common (X)HTML browsers      */

/* link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  *********************************************************************/
:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p, blockquote, fieldset, input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none; }

/* more varnish stripping as necessary...                             */


/* basic elements
 * ------------------------------------------------------------------------------------- */
body {
	background: #FFFFFF url(../images/bg.jpg) top left repeat-x;
	text-align: center;
}

p, div, li, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #092333;
	line-height: 16px;
}

a:link, a:visited {
	color: #006699;
	text-decoration: underline;
	outline:none;
}
a:hover, a:active {
	color: #006633;
	text-decoration: underline;
	outline:none;
}

span { display: none; }

#content-left ul.no-bullet li { list-style:none; }


/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	width: 760px;
	margin: 0 auto;
	background: url(../images/bg-wrapper.jpg) left top repeat-y;
	text-align: left;
}

/* Horizontal sprite nav
 * ------------------------------------------------------------------------------------- */
#menu-top {
	background: url(../images/menu-top.jpg) left top no-repeat;					
	width: 760px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 43px;		/* Height of entire image */
	}

#menu-top span { display: none; }

#menu-top li, #menu-top a { 
	height: 43px;			/* Each button must have the same height, define it here */
	display: block;
	}

#menu-top li {
	float: left;
	list-style: none;
	_display: inline;	/* fixes IE/Win double margin float bug (safe) */
	}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */
/* width - width of each button, they will each most likely be unique */
#menu-top-01 { width: 70px; margin-left: 26px; }
#menu-top-02 { width: 112px; }
#menu-top-03 { width: 128px; }
#menu-top-04 { width: 89px; }
#menu-top-05 { width: 179px; }
#menu-top-06 { width: 130px; }


/* Changed values should match "width" numbers specified above */
#menu-top-01 a:hover {background: transparent url(../images/menu-top.jpg)  -26px -43px no-repeat;}
#menu-top-02 a:hover {background: transparent url(../images/menu-top.jpg)  -96px -43px no-repeat;}
#menu-top-03 a:hover {background: transparent url(../images/menu-top.jpg) -208px -43px no-repeat;}
#menu-top-04 a:hover {background: transparent url(../images/menu-top.jpg) -336px -43px no-repeat;}
#menu-top-05 a:hover {background: transparent url(../images/menu-top.jpg) -425px -43px no-repeat;}
#menu-top-06 a:hover {background: transparent url(../images/menu-top.jpg) -604px -43px no-repeat;}

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu {
	background:url("../images/menu.jpg") top left no-repeat;					
	width:234px;		/* Width of buttons, not entite image (or half of entire image) */
	height:365px;		/* Height of entire image */
	margin:0;
	padding:0;
	}

#menu li span { display: none; }

#menu li {
	float:left;
	list-style:none;
	}

#menu li, #menu a { 
	height:26px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the menu should begin */
#menu-01 { margin-top:71px; width:234px; }

/* margin-top if there is a spacing between each menu button */
#menu-02, #menu-03, #menu-04, #menu-05, #menu-06, #menu-07, #menu-08, #menu-09, #menu-10 { width:234px; }

#menu-01 a:hover { background:url("../images/menu.jpg") -234px  -71px no-repeat; }
#menu-02 a:hover { background:url("../images/menu.jpg") -234px  -97px no-repeat; }
#menu-03 a:hover { background:url("../images/menu.jpg") -234px -123px no-repeat; }
#menu-04 a:hover { background:url("../images/menu.jpg") -234px -149px no-repeat; }
#menu-05 a:hover { background:url("../images/menu.jpg") -234px -175px no-repeat; }
#menu-06 a:hover { background:url("../images/menu.jpg") -234px -201px no-repeat; }
#menu-07 a:hover { background:url("../images/menu.jpg") -234px -227px no-repeat; }
#menu-08 a:hover { background:url("../images/menu.jpg") -234px -253px no-repeat; }
#menu-09 a:hover { background:url("../images/menu.jpg") -234px -279px no-repeat; }
#menu-10 a:hover { background:url("../images/menu.jpg") -234px -305px no-repeat; }

/* header
 * ------------------------------------------------------------------------------------- */

#header	{ position:relative; }

#header #logo-header {
	width: 526px;
	height: 111px;
	background:  url(../images/header.jpg) left top no-repeat;
}
	
	#logo-header a {
		position: absolute;
		width: 495px;
		height: 90px;
		top: 8px;
		left: 24px;
	}

#logo	{ position:relative; }

#logo #logo-img {
	width: 526px;
	height: 50px;
	background:  url(../images/index/logo.jpg) left top no-repeat;
}
	
	#logo-img a {
		position: absolute;
		width: 252px;
		height: 32px;
		top: 12px;
		left: 142px;
	}

#partner-logos	{ position:relative; }

#partner-logos #facial-logo {
	width: 526px;
	height: 74px;
	background:  url(../images/index/partner-logos.jpg) left top no-repeat;
}
	
	#facial-logo a {
		position: absolute;
		width: 210px;
		height: 41px;
		top: 17px;
		left: 42px;
	}
	
	#hearing-logo a {
		position: absolute;
		width: 142px;
		height: 52px;
		top: 10px;
		left: 301px;
	}

/* image replacement
 * ------------------------------------------------------------------------------------- */
#dedicated-header {
	width: 526px;
	height: 105px;
	background: url(../images/index/dedicated-professionals.jpg) left top no-repeat;
}

#partner-header {
	width: 526px;
	height: 75px;
	background: url(../images/index/our-partners.jpg) left top no-repeat;
}

#procedure-search-img {
	width: 234px;
	height: 27px;
	background: url(../images/procedure-search.jpg) left top no-repeat;
}

#contactus {
	width: 234px;
	height: 50px;
	background: url(../images/contactus.jpg) left top no-repeat;
}

#location {
	width: 234px;
	height: 50px;
	margin: 25px 0px 5px 0px;
	background: url(../images/locations.jpg) left top no-repeat;
}


/* --------------------------------- titles --------------------------------- */
#title {
	width: 526px;
	height: 75px;
	background-position: left top;
	background-repeat:no-repeat;
}

body#forms #title 		{ background:url("../images/pagetitles/patientforms.jpg"); }
body#about #title 		{ background:url("../images/pagetitles/about.jpg"); }
body#search #title 		{ background:url("../images/pagetitles/search-results.jpg"); }
body#contact #title 	{ background:url("../images/pagetitles/contact.jpg"); }
body#ear #title 		{ background:url("../images/pagetitles/ear.jpg"); }
body#foundation #title 	{ background:url("../images/pagetitles/foundation.jpg"); }
body#nose #title 		{ background:url("../images/pagetitles/nose.jpg"); }
body#other #title 		{ background:url("../images/pagetitles/othertreatments.jpg"); }
body#voice #title 		{ background:url("../images/pagetitles/voice.jpg"); }
body#pediatric #title 	{ background:url("../images/pagetitles/pediatric.jpg"); }
body#profiles #title 	{ background:url("../images/pagetitles/profiles.jpg"); }
body#sleep #title 		{ background:url("../images/pagetitles/sleep.jpg"); }
body#sitemap #title 	{ background:url("../images/pagetitles/sitemap.jpg"); }
body#surgery #title 	{ background:url("../images/pagetitles/surgerycenter.jpg"); }
body#throat #title 		{ background:url("../images/pagetitles/throat.jpg"); }
body#thankyou #title 	{ background:url("../images/pagetitles/thankyou.jpg"); }


/* content
 * ------------------------------------------------------------------------------------- */
#content-container {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	float: left;
	background: url(../images/bg-content-container.jpg) left top no-repeat;
}

#content-left {
	width: 526px;
	float: left;
}

	#content-left p { margin: 10px 20px 5px 46px; }
	#content-left form { margin-left:46px; }

	#content-left ul { margin: 10px 20px 10px 66px; }
	#content-left li {
		list-style-image: url(../images/bullet.jpg);
		list-style-position: outside;
		margin-bottom:1px;
	}
	#content-left ul li ul {
		margin:2px 0 2px 10px;
	}
	#content-left h1 {
		font-size: 15px;
		margin: 10px 20px 5px 46px;
		color: #006633;
	}
	body#index #content-left h1 { margin-left: 36px; }

	#content-left h2 {
		font-size: 14px;
		margin: 10px 20px 5px 46px;
		color: #006633;
	}
	#content-left h3 {
		font-size: 13px;
		margin: 10px 20px 5px 46px;
		color: #006633;
	}
	#content-left h4 {
		margin: 10px 20px 5px 46px;
		color: #006633;
	}
	#content-left dl {
		margin: 0 10px 10px 46px;
		text-align:center;
		}
	#content-left dt { 
		font-weight: bold; 
		font-size: 1.1em; 
		border-bottom: 1px solid #000; 
		margin-bottom:10px
		}
	#content-left dd { 
		float: left; 
		width: 120px; 
		margin-bottom: 5px;
		}
	#content-left dd.left-def { 
		float: left; 
		width: 220px; 
		margin-bottom: 5px; 
		}
/* ------------------------ Search Results Formating ------------------------ */
    body#search #content-left form { 
		margin:0 20px 30px 0px;
		}
		body#search #content-left input, body#search #content-left label { margin-left:46px; }
	body#search #content-left dl { 
		margin:0 20px 0 46px; 
		text-align:left;
		}
	body#search #content-left dt { 
		border-bottom:none;
		margin:0 0 10px 0;
		}
	body#search #content-left dd { 
		float:none;
		width:435px;
		margin:0 0 15px 10px;
		}

body#index #ear {
	width: 181px;
	float: left;
	}
	body#index #ear ul {
		margin: 10px 5px 5px 36px;
		}

body#index #nose {
	width: 167px;
	float: left;
	}
	body#index #nose ul { margin: 10px 10px 5px 20px; }

body#index #throat {
	width: 171px;
	float: left;
	}
	body#index #throat ul { margin:10px 24px 10px 10px; }
	
#dedicated {
	width: 526px;
	float: left;
	}
	#dedicated p { margin: 10px 10px 5px 36px; }
	#dedicated li {
		margin: 5px 10px 5px 56px;
		list-style-image: url(../images/bullet.jpg);
		}
		
#partners {
	width: 526px;
	float: left;
	}
	
#content-right {
	width: 234px;
	float: left;
	}
	#content-right p { margin: 10px 43px 5px 15px; }
	#content-right form { margin-left:15px; }
	#content-right ul.li { margin: 0px 43px 0px 15px; }

#procedure-search {	width: 234px; }
#procedure-search form { margin:5px 0 15px 0px }
#procedure-search input { margin-left:15px; }
input.search { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

/* search elements
 * ------------------------------------------------------------------------------------- */
#search select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #28303C;
	background-color: #056999;
	margin: 4px 0px 13px 9px;
	width: 190px;
}

/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	background: url(../images/page-footer.jpg) left top no-repeat;
	width: 760px;
	height: 40px;
	clear: both;
}

#footer {
	width: 760px;
	margin: 0px auto;
	padding: 14px;
	text-align: center;
	}

	#footer p {
		margin: 10px 0px 10px 0px;
		color: #000000;
	}

	#footer li { 
		margin: 0px;
		padding: 0px;
		display: inline;
		color: #000000;
	}
	
	#footer a:link, #footer a:visited { color: #000000;	}
	#footer a:hover, #footer a:active {	color: #006699;	}

/* ----- global form elements ----- */ 
form {
	width:175px;
	margin:10px 0 15px 0;
	}
fieldset { border:none; }
form label	{ font-size:.95em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#FFFFFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #4A4025;
	color:#333333;
	width:170px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:2px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
	
select { width:175px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact-business { display: none; } /* do not remove */ 


/* ----- main contact form ----- */ 
 
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label select { width:175px; }
	
#contact-main label textarea { height:100px; overflow:auto; }

#contact-business-main { display: none; } /* do not remove */ 

/* ----- submit button form elements ----- */ 
input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; }

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../images/send.jpg");
	width:57px;
	height:22px;
	border:none;
	cursor:pointer;
	}
/* ---------------------------- End Forms ---------------------------- */

.top {
	display: block;
	text-align: right;
	font-size: 11px;
}

img.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.img-right {
	float: right;
	margin: 5px 0px 5px 10px;
	clear: both;
}
#baby-bottom { margin-top:0; }

div.clear { clear: both; }

div.divider {
	width:526px;
	height:15px;
	background: url(../images/divider.jpg) 10px 0 no-repeat;
}

body#index #nav-procedures { 
	background:url("../images/nav-procedures.jpg") no-repeat; 
	width:526px; 
	height:147px; 
	margin:0; padding:0; 
	}

#nav-procedures span { display: none; }

#nav-procedures li, #nav-procedures a { height:147px; display:block; } /* change height here also */
#nav-procedures a { height:130px; margin-top:7px; }
#nav-procedures li { float:left; list-style:none; _display:inline; }

#nav-procedures-01 { width: 138px; margin-left: 35px;}
#nav-procedures-02 { width: 138px; margin-left: 23px; }
#nav-procedures-03 { width: 138px; margin-left: 22px; }
#nav-learn-more-04 a{background:url("../images/nav-mwe.jpg") no-repeat; width: 526px; height:105px; display:block;} 

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-procedures-01 a:hover { background:url("../images/nav-procedures.jpg")  -35px -154px no-repeat; }
#nav-procedures-02 a:hover { background:url("../images/nav-procedures.jpg") -196px -154px no-repeat; }
#nav-procedures-03 a:hover { background:url("../images/nav-procedures.jpg") -356px -154px no-repeat; }
#nav-learn-more-04 a:hover { background:url("../images/nav-mwe.jpg") 0px -105px no-repeat; }

/* ---------------------------------- Learn More ---------------------------------- */
body#index #nav-learn-more { 
	background:url("../images/nav-learn-more.jpg") 32px 0 no-repeat; 
	width:526px; 
	height:28px; 
	margin:0; padding:0; 
	}

#nav-learn-more span { display: none; }

#nav-learn-more li, #nav-learn-more a { height:28px; display:block; } /* change height here also */
#nav-learn-more li { float:left; list-style:none; _display:inline; }

#nav-learn-more-01 { width: 97px; margin-left: 56px; }
#nav-learn-more-02 { width: 97px; margin-left: 65px; }
#nav-learn-more-03 { width: 97px; margin-left: 61px; }

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-learn-more-01 a:hover { background:url("../images/nav-learn-more.jpg")  -24px -28px no-repeat; }
#nav-learn-more-02 a:hover { background:url("../images/nav-learn-more.jpg") -186px -28px no-repeat; }
#nav-learn-more-03 a:hover { background:url("../images/nav-learn-more.jpg") -344px -28px no-repeat; }

p.mission {
color:#006633;
font-size:15px;
font-weight:bold;
/*margin:10px 20px 5px 46px;*/
}

a.learn_more{
 background: transparent url(../images/learn-more-mfps.png) no-repeat center top; 
 width: 484px;
 height:101px;
 display: block;
 text-align: center;   
 text-decoration: none;   
}
a.learn_more:hover{
 background-position:  center bottom; 
 text-decoration: none;
}
a.info-banner-apr-cancer{
 background: transparent url(../images/info-banner-apr-cancer.png) no-repeat center top; 
 width: 484px;
 height:108px;
 display: block;
 text-align: center;   
 text-decoration: none;   
}
a.info-banner-apr-cancer:hover{
 background-position:  center bottom; 
 text-decoration: none;
}


.payment_text{
 font-size: 15px;
 font-weight: bolder;
 color: black;
 text-decoration: none;
 text-align: center;
}
.payment select{
    width:50px;
    }
.payment input{
       width:175px;
}
.required{
    color:red;
    display:inline;
}