/* CSS Document */

* {margin:0; padding:0; font-family:Verdana, sans-serif; font-size:100%; color:#000000;}

body {background-color:#CCCCCC; margin-left:auto; margin-right:auto; margin-top:10px;}
.red {color:#CC3300;}
h1, h2, h3, h4, h5 {color:#CC0000;}

#header { margin-left:auto; margin-right:auto; margin-top:0; width:700px; background-color:#FFFFFF; 	background-image:url(i/logo.jpg); background-repeat:no-repeat;	
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: thin;	
	 }
	 
#bodytext { margin-left:auto; margin-right:auto; background-color:#FFFFFF; width:700px; height:1000px; display:block; border:1px solid #000000;}

/* for top of page */
h3.logo { margin-left:50px;	margin-top:30px; font-size: 1.75em;	font-weight: 900;}
p.logo {margin-left:340px; margin-top:10px; font-size:.8em; font-style:italic;}
p.products {margin-left:3px; margin-top:24px; padding-bottom:30px; font-size:.7em; color:#FFFFFF;}

#nav {text-align:right}
#nav a {padding-right:10px; font-size:0.7em; color:#993333; text-decoration:underline;}
#nav a:hover {color:#333366;}

#pageheader {text-align:center; font-size: 1.25em;	font-weight: bold;}

/* favorites */
#favorites { float:left; display:block; margin-top:0; width:220px; padding:5px; border-right-color:#999999; border-right-style:solid; border-right-width:thin; background-color:#FFFFFF;}
#favorites h3 {text-align:center; padding-bottom:10px;}
#favorites h4 {text-align:left; font-style:italic; font-size:.9em; padding-top:12px;}
#favorites p {float:left; font-size:.8em; width:70%}
#favorites img{float:left; border:0; padding-left:5px; padding-right:5px;}

/* analysis index page */
#analysis { display:block; width:190px; height:185px; border: 1px solid red; background-color:#ffcc99;  font-size:.7em; padding:4px; margin-top:10px; margin-left:10px;}
#analysis h4 {font-size:12px; color:#FF3300; text-align:center; padding:4px 0 0 0;}
#analysis p { margin-top:6px; width:185px;}
#analysis a {color:#CC0033; text-decoration:underline;}
#analysis a:hover {color:#663366;}
 
 /* analysis content page*/
#blood1 { float:left; border:1px solid #999999; background-color:#FFFFCC; width:375px; font-size:.7em; padding:6px; margin-top:6px; margin-left:10px;}
#blood2 { float:left; width:265px; font-size:.7em; padding:6px; margin-top:6px; margin-left:10px;}


#brands {float:left; margin-top:0px; margin-left:0px; width:468px; text-align:center; background-color:#ffffff;}

#brands em {color:#000000; font-size:.7em; font-weight:bold;}

#col1 {width:135px; height:350px; float:left; text-align:left; padding-left:15px; background-color:#ffffff; }
#col2 {width:150px; height:350px; float:left; text-align:left; background-color:#ffffff;}
#col3 {width:150px; height:350px; float:left; text-align:left; background-color:#FFFFFF;}

#col1 h4 {font-size:.9em; margin-top:12px;}
#col2 h4 {font-size:.9em; margin-top:12px;}
#col3 h4 {font-size:.9em; margin-top:12px;}

#col1 p {margin:3px 0 0 10px; font-size:.7em;}

#col2 p {margin:3px 0 0 10px; font-size:.7em;}

#col3 p {margin:3px 0 0 10px; font-size:.7em;}

#col3 p a{text-decoration:underline; color:#CC0000;}
#col3 p a:hover {color:#663366;}

#coupon {float:left; margin-top:0px; margin-left:0px; width:468px; background-color:#ffffff; text-align:center;}
#coupon img {border:none;}
#coupon a{text-decoration:underline; color:#CC0000;}
#coupon a:hover {color:#663366;}


#ademail { float:left; border:1px solid #999999; background-color:#FFFFCC; width:125px; font-size:.7em; padding:2px; margin-bottom:10px; padding-top:5px; padding-bottom:5px;}
#ademail a {color:#CC0033; text-decoration:underline;}
#ademail a:hover {color:#663366;}

#viewmap {margin-left:auto; margin-right:auto; margin-top:20px; width:700px; background-color:#FFFFFF; text-align:center;}
#viewmap a {padding:10px; font-size:0.7em; color:#993333}
#viewmap a:hover {color:#333366;}
#viewmap img{margin-left:auto; margin-right:auto;}

#maillist {margin-top:10px; width:430px;}
#maillist p {float:left; font-size:12px; text-align:right; width:120px; padding-top:5px; margin-bottom:10px;}
#maillist label {float:left; width:250px; margin-bottom:10px;}
#maillist label input {font-size:12px;}

#contactform {margin:0 200px 20px 200px; font-size:12px;}
#contactform p {margin-top:15px;}


#foot {margin-left:auto; margin-right:auto; width:100%; margin-top:15px; padding-bottom:15px; color:#CC3300; font-size:0.7em; font-weight:bold; background-color:#FFFFFF;}
#foot a {color:#CC3300;}
#foot a:hover {color:#000000;}

#webmaster {margin-left:auto; margin-right:auto; margin-top:0; width:698px; margin-top:20px; color:#000000; font-size:.6em; background-color:#cccccc; text-align:right;}
#webmaster a {color:#000000; text-decoration:underline;}
#webmaster a:hover {color:#CC3300; text-decoration:none;}


.clearthefloats {clear:both}

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
.clearfix {display:inline-block
}

/* backslash hack hides from IE mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */