/* BASIC ELEMENTS
* ------------------------------------------------------------------------------------- */
/* Neutralize styling: Elements we want to clean out entirely: */
* { margin: 0; padding: 0; }
img { behavior: url(../assets/css/iepngfix.htc) }

html, body, form, fieldset, table, th, td { font-size: 100%; }

/* Neutralize styling: Elements with a vertical margin: */
/*h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; }*/

/* Miscellaneous conveniences: */
html { margin-bottom: 1px; height: 100%; }
a img, :link img, :visited img { border: none; }

body { font: 12px/16px Arial, Helvetica, sans-serif; text-align: center; color: #e1dbd2; background: #cbc5b9; }
body#home { background: #cbc5b9 url(../images/bg_top.gif) no-repeat 50% 0%; }

a:link { color: white; /*#345e85;*/ }
a:visited { color: white; /*#345e85;*/ }
a:hover, a:active { color: white; /*#345e85;*/ }

.col { float: left; position: relative; }


/* GLOBAL ELEMENTS
* ------------------------------------------------------------------------------------- */
#skip { display: none; }

#wrap { background: #b9ab96 url(../images/bg_top_sub.gif) no-repeat 50% 0%; border-bottom: 1px solid #b9ab96 }
#home #wrap { background: #b9ab96 url(../images/bg_top.gif) no-repeat 50% 0%; }

#header { margin: 0 auto; padding-bottom: 11px; position: relative; text-align: left; width: 760px; height: 103px; }
#home #header { height: auto; }
/*
	#header h1 span {  }
	#header h2 {  }
	#header h1 { margin: 0; }
		#header h1 a { display: block; width: 285px; height: 103px; background: url(../images/logo_quickvue.gif) no-repeat 0% 0%;  }
*/
#header h1	{ position: absolute; top: 0px; left: 0px;  }		
		
/* navigation 
-------------------------------------------- */
#nav { position: absolute; top: 31px; left: 295px; height: 41px; }
#nav li { float: left; position: relative; list-style: none; height: 41px; }
#nav li a, #nav li span { position: relative; height: 41px; display: block; text-decoration: none; }
#nav li a { cursor: pointer; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 41px; }
#nav li, #nav li a, #nav li strong, #nav li span { background-image: url(../images/nav.gif); }

#nav li.crc_facts, #nav li.crc_facts a, #nav li.crc_facts a strong { background-position: 0px 0px; width: 73px; }
#nav li.why_test, #nav li.why_test a, #nav li.why_test a strong { background-position: -73px 0px; width: 75px; }
#nav li.why_qv, #nav li.why_qv a, #nav li.why_qv a strong { background-position: -148px 0px; width: 107px; }
#nav li.find_doc, #nav li.find_doc a, #nav li.find_doc a strong { background-position: -255px 0px; width: 105px; }

/* HOVER STATE */
#nav li.crc_facts, #nav li.crc_facts a:hover strong { background-position: 0px -41px; width: 73px; }
#nav li.why_test, #nav li.why_test a:hover strong { background-position: -73px -41px; width: 75px; }
#nav li.why_qv, #nav li.why_qv a:hover strong { background-position: -148px -41px; width: 107px; }
#nav li.find_doc, #nav li.find_doc a:hover strong { background-position: -255px -41px; width: 105px; }

/* ON STATE */
#nav li.crc_factson, #nav li.crc_factson strong { background-position: 0px -41px; width: 73px; }
#nav li.why_teston, #nav li.why_teston strong { background-position: -73px -41px; width: 75px; }
#nav li.why_qvon, #nav li.why_qvon strong { background-position: -148px -41px; width: 107px; }
#nav li.find_docon, #nav li.find_docon strong { background-position: -255px -41px; width: 105px; }

#content { margin: 0 auto; text-align: left; width: 760px; background: url(../images/bg_content.gif) repeat-y 0% 0%; }
#home #content_wrap { background: url(../images/bg_bottom1.gif) no-repeat 50% 100%; }
#home #content { padding-left: 38px; background: none; }

	#home #content p { padding: 0 0 11px; color: #FFFFFF; }
	#home #content .col p { margin-top: 0; padding: 0; color: #5c554b; }
	#content .col a { font-size: 12px; text-decoration: none; }
	#content .col a:hover { text-decoration: underline; }

	#content .crc { padding-right: 15px; width: 243px; background: url(../images/bg_col.gif) repeat-y 100% 0%; }
	#content .test { padding-left: 7px; padding-right: 11px; width: 250px; background: url(../images/bg_col.gif) repeat-y 100% 0%; }
	#content .doctor { padding-left: 9px; width: 205px; }
		#content .doctor input#zipcode { margin-top: 1px; padding: 1px; width: 5em; background: #f1eeea; border: 1px solid #5c554b; }

	#content h3 { font-size: 14px; color: #fff; }
	#content p, #content address { margin-bottom: 0; padding-bottom: 16px; color: #5c554b; }
		#content address { font-style: normal; }
	#content p a { color: white; }

#content .sidebar { float: left; position: relative; width: 122px; }
	#content .sidebar ul {}
	* html #content  .sidebar ul { margin-top: -3px; height: 1%; }
	#content .sidebar li { padding: 0 10px 11px 0; text-align: right; list-style: none; text-transform: uppercase; font-size: 10px; line-height: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
	#content .sidebar li a { font-size: 10px; color: white; }

	#content #breadcrumbs { margin: 0; padding: 42px 0 22px; text-transform: uppercase; }
		#content #breadcrumbs small { float: left; font-size: 10px; }
		#content #breadcrumbs a { text-decoration: none; }
		#content #breadcrumbs a:hover { text-decoration: underline; }

		#fontprintemail 							{ float: right; font-size: 9px;  text-transform: none; font-weight: normal; margin-top: -1px;  font-family: Verdana, Arial, Helvetica, sans-serif; }	
		#content #breadcrumbs #fontprintemail a:hover 					{ text-decoration: none; }
		#fontprintemail a:link, #fontprintemail a:visited, #fontprintemail a:hover { color: #646569; }
		#fontprintemail img							{ display: inline; }
		#small_fonta 								{ font-size: 9px; margin-right: 1px; }
		#medium_fonta 								{ font-size: 11px;  margin-right: 2px; }
		#large_fonta 								{ font-size: 12px; }

	#content #main { padding: 0 20px 20px; float: left; position: relative; width: 598px; }
		#content #main #col_wrap { min-height: 195px; background: url(../images/bg_columns.gif) repeat-x 0% 100%; }
		* html #content #main #col_wrap { height: 195px; }
		#content #main .col1, #content #main .col2 { float: left; position: relative; width: 48%; }
		#content #main .col1 { margin-right: 10px; width: 50%; }

	#content blockquote p { font-size: 15px; color: #600; }

	#content p.footnote { padding-top: 32px; line-height: normal; }
		#content p.footnote small { font-size: 10px; }
		
#footer { margin: 0 auto; width: 760px;  padding: 20px 0; text-align: left; font-size: 10px; line-height: 11px; color: #7a766f; }
	#footer img				{ float: left; margin: 0 9px 0 38px; }
	#home #footer img		{ margin: 0 9px 0 20px;  }
	#footer ul, #footer p	{ float: left; background: url(../images/bg_footerlist.gif) repeat-y; width: 95px; /*\*/width: auto;/**/  list-style: none;}
	#footer li	{ padding: 0 8px; text-transform: uppercase; letter-spacing:-1px;   }
	#footer li a:link, #footer li a:visited { color: #fff; text-decoration: none; }
	* html #footer li a:link, * html #footer li a:visited, * html #footer li span {/*\*/ float: left;/**/ }
	#footer li a:hover { text-decoration: underline; }
	#footer p { padding-left: 7px; width: 400px; /*\*/width: auto;/**/ }
		
/*
#footer_wrap { margin: 0 auto; background: transparent url(../images/bg_bottom2.gif) no-repeat 50% 0%; }
#footer { margin: -1px auto 0; padding: 20px 38px; color: #7a766f; text-align: left; font-size: 10px; width: 684px; background: #cbc5b9; border-top: 1px solid #b9ab96; }
#footer * { margin: 0; padding: 0; }
#home #footer { margin-top: 1px; background: none; border: none; }
	#footer img { margin: 10px 10px 0 0; float: left; position: relative; }
	#home #footer img { margin-left: -19px; }
	
	#footer ul { margin-right: 12px; float: left; position: relative; width: 75px; width: auto; background: url(../images/bg_footerlist.gif) repeat-y 0% 0% }
		#footer li { padding-left: 7px; line-height: 12px; list-style: none; text-transform: uppercase; }
		#footer li a { color: white; text-decoration: none; }
		#footer li a:hover { text-decoration: underline; }

	#footer p { padding-left: 7px; line-height: 12px; float: left; position: relative; background: url(../images/bg_footerlist.gif) repeat-y 0% 0%; }
		#footer p a { color: #7a766f; }
*/
.content_list, .content_definition, .glossary { padding-bottom: 16px; color: #5c554b; }
	.content_list li, .content_definition dt, .content_definition dd { margin-left: 20px; }
	.content_list li ol li { margin-bottom: 8px; margin-right: 20px; list-style: lower-alpha; }
	.content_list li ul li { margin-bottom: 8px; margin-right: 20px; list-style: none; }
	
	
	.content_definition dt, .glossary dt { padding-top: 6px; font-weight: bold; }
	.glossary dt { padding-top: 15px; }
	.glossary dd { margin-left: 10px; }

/* email popup window */
#emailpop										{ padding: 10px 10px 10px 20px; background: #C7BCAB; font-size: 10px; text-align: left; color: #3F382F; }
#emailpop form									{ padding-top: 5px; }
#emailpop b										{ color: #5C554B; font-size: 12px; }
#emailpop input, #emailpop textarea				{ border: 1px solid #164D84; width: 220px; height: 18px; margin: -2px 0 8px; }
#emailpop input:focus, #emailpop textarea:focus { background-color: #FFF9EF; }
#emailpop textarea								{ height: 70px; margin: 3px 0 7px; }
input#sendbutton								{ width: 44px; height: 18px; background-color: #5C554B; margin: 10px 0 0 80px; padding: 3px 5px; border: none; color: #fff; font-size: 10px; }
#emailSentConfirmation 							{ margin-top: 30px; font-size: 11px; }
#emailSentConfirmation b 						{ padding-left: 50px; }
#emailSentConfirmation a						{ padding-left: 70px; }

/* Find a Doctor result table */
table#find_doctor_result { margin: 5px 0;  }
td.finddoc_odd, td.finddoc_even { padding: 4px; color: #5C554B; border-bottom: 1px solid #B9AB96; }
table#find_doctor_result th { background-color: #B9AB96; padding: 4px; color: #fff; }

/* 404 not found */
.not_found_page dt { padding-top: 16px; }
.not_found_page { margin-left: 20px; }
div.error_msg { border: 1px solid red; background-color: #BEB29E; padding: 6px; border: 2px solid #6F6453; margin: 10px 0; }

/* MISC. CLASSES & IDS
* ------------------------------------------------------------------------------------- */
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

.floatleft { margin: 0; float: left; position: relative; }
.floatright { margin: 0; float: right; position: relative; }

img.floatleft {}
img.floatright { margin: 0 0 10px 20px; border: 5px solid #a0998d; }

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

.hide { display: none; }

sup { font-size: 8px; line-height: .25; }

.pookie { margin: -30px 39px 0 13px; float: right; position: relative; }
.more { padding-left: 8px; background: url(../images/arrow_more.gif) no-repeat 0% 50%; }

.img_right { margin: 0 0 5px 10px; padding: 5px; float: right; position: relative; background: #a0998d; }

a.healthBTN { background: transparent url(../../images/healthcare_practioners.png) 0 0 no-repeat; display: block; float: right; width: 236px; height: 46px; padding-top: 10px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none; }
a.healthBTN:hover { background-position: -236px 0; text-decoration: none; color: #000000; } 

/*
IE/PC STUMBLES WITH THE BACKGROUND IMAGE IF THE LINK BREAKS 
OVER 2 LINES, THIS IS THE FIX. IT BASICALLY FORCES A LINE
BREAK BEFORE THE LINK INSTEAD OF IN THE MIDDLE
*/
* html .more/* HIDES FROM MAC IE */ { display: inline-block; }

/* for font size change */
div.content_font_change * { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
div.content_font_change sup { font-size: 8px; line-height: .25; }