/* Sean's tooltip script -- gotta go first for some odd reason (CG: absolute position & z index needs it) */
#fixedtipdiv	{position:absolute;
			padding: 5px;
			border:1px solid gray;
			font-family: 'lucida grande', 'lucida sans unicode', 'lucida sans regular', verdana, sans-serif;
			color: #000000;
			font-size: 0.9em;
			line-height: 1.3em;
			background-color: #f2f5e7;
			text-align: left;
			z-index:100;
			}
/* END Sean's tooltip script -- gotta go first for some odd reason */

body		{padding: 0px;
			margin: 0px;
			font-family: 'lucida grande', 'lucida sans unicode', 'lucida sans regular', verdana, sans-serif;
			color: #000000;
			font-size: 12px;
			line-height: 1.3;
			background-color: #ffffff;
			text-align: center;
			}

div			{padding: 0px;
			margin: 0px;
			}

#container	{position: relative;
		min-width: 750px;
		max-width: 1000px; 
		width: expression(document.body.clientWidth < 752? "750px" : document.body.clientWidth > 1002? "1000px" : "100%");
		margin: 0 auto;
		padding: 0px; 
		background-color: #ffffff;
		}
		

#top 	{position: absolute; 
		top: 0; 
		left: 0; 
		min-width: 600px; 
		width: 100%; 
		height: 150px;
		background-image: url(images/bannertile.gif);
		background-position: top center;
		text-align: center;
		}

#fakebanner	{display: none;
			}

#flashcontent	{text-align: center;
				}

#flashcontent .box	{position: relative;
					margin: 0 auto;	
					width: 750px;
					height: 150px;
					}

#flashcontent a		{text-decoration: none;
				}

#flashcontent .searchbox 		{position: absolute;
								top: 30px;
								left: 223px;
								}
#flashcontent .searchbox input		{border: 0px;
								font-size: 1em;
								line-height: .9em;
								width: 100px;
								}

input.search				{border: 1px solid black;
								font-size: 1em;
								line-height: .9em;
								width: 100px;
								}

#flashcontent .advancedsearch, .specialreport	{position: absolute;
								top: 58px;
								left: 230px;
								text-align: right;
								line-height: 1em;
								font-size: .95em;
								font-weight: bold;
								}

#flashcontent .advancedsearch a	{color: #6e8b19;
								}

#flashcontent .advancedsearch a:hover	{color: #7d679e;
								}
								
#flashcontent .specialreport 	{	background: #ffffff;
						padding: 2px;
						left: 602px; 
						top: 45px;
						text-align: left;
						}

#flashcontent .specialreport a	{color: #7d679e;
								}								

#flashcontent .specialreport a:hover	{color: #6e8b19;
								}

#flashcontent .purplelinks		{		
								position: absolute;
								top: 67px;
								left: 605px;
								font-size: .8em;
								font-weight: bold;
								}

#flashcontent .purplelinks	a	{padding-right: 5px;
								color: #887a9d;
								}

#flashcontent .purplelinks	a:hover	{color: #ffffff;
								} 
								
#flashcontent .categories {position: absolute;
				top: 103px;
				left: 20px;
				}

#flashcontent .categories a		{font-size: 1.2em;
				color: #ffffff;
				font-weight: bold;
				margin-right: 5px;
				padding: 8px;
				}

#flashcontent .categories a:hover		{background-color: #71b9db;
}
				
#breadcrumbs 	{position: absolute; 
		top: 150px; 
		left: 0; 
		min-width: 600px; 
		width: 100%; 
		height: 20px;
		text-align: left;
		padding: 0px;
		margin: 0px;
		background-color: #cee4f0;
		overflow: hidden;
		}

#left 	{position: absolute;
		top: 165px; 
		left: 0px; 
		width: 21%;  
		margin: 0 1% 0 0; 
		background-color: none;
		text-align: left;
		padding-top: -20px;
		}


#fulltools 	{position: absolute;
		top: 165px; 
		left: 0px; 
		width: 100%;  
		margin: 0 1% 0 0; 
		background-color: none;
		text-align: left;
		padding-top: 0px;
		}

html>body #left {
				top: 180px;   /* to get around PC ie? */
 				}  

#middle {position: absolute; 
		top: 165px; 
		left: 21%; 
		min-width: 360px; 
		width: 80%; 
		margin: 0px;
		margin-top: 0 1% 1% 1%; 
		/*border-left: 1px solid #ebebeb;
		border-right: 1px solid #ebebeb; */
		background-color: none;
		padding: 0px;
		text-align: left;
		}

html>body #middle {
				top: 180px;   /* to get around PC ie? */
 				}  

/* RIGHT IS STILL IN THIS STYLESHEET BUT IS TURNED OFF WITH DISPLAY: NONE; */

#right 	{position: absolute; 
		top: 146px; 
		left: 86%; 
		width: 13%; 
		margin: 0 0 0 1%;
		text-align: left;
		display: none;
		}

html>body #right {
				top: 180px;   
 				}  

/* END THE RIGHT DIV */

#footer	{position: absolute;
		width: 100%; 
		height: 80px;
		border-top: 8px solid #f4f4f4;
		background-color: #eeeeee;
		/* border-left: 1px solid #ebebeb;
		border-right: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb; */
		padding: 30px 0px 0px 0px;
		margin: 0px;
		margin-left: -1px;
		font-size: .9em;
		color: #6b6b6b;
		}
	
/* HR styles need for IE/Win. */

HR.holder {width:600px; 
		visibility: hidden; 
		} 
			
/* Equal to 'top' */

HR.left, HR.right {width: 120px; 
		visibility: hidden; }

HR.middle {width: 360px; 
		visibility: hidden; 
		}

a:link		{color: #3985ad;
			text-decoration: underline;
			}

a:visited	{color: #4d4d4d;
			text-decoration: underline;
			}
			
a:active	{color: #3985ad;
			text-decoration: underline;
			}

a:hover		{color: #449ecd;
			text-decoration: underline;
			}
			
img			{border: 0px;
			}

.clr		{clear: both;
			}
			
.pkg		{padding: 0px 10px 10px 10px;
			}

#left .fakep	{background: #f2f5e7;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 6px 0px;
				}

#left .fakep h3 a:link	{text-decoration: underline;
				color: white;
				font-weight: bold;
				}
#left .fakep h3 a:active	{text-decoration: underline;
				color: white;
				font-weight: bold;
				}
#left .fakep h3 a:visited	{text-decoration: underline;
				color: white;
				font-weight: bold;
				}
#left .fakep h3 a:hover	{text-decoration: underline;
				color: white;
				font-weight: bold;
				}
				
#left .fakep2	{padding: 0px 0px 0px 0px;
				margin: 0px 0px 6px 0px;
				}

#left .fakep2 h3	{background: #e6d8e6;
					border-top: 1px solid #d3c0d3;
					border-bottom: 1px solid #d3c0d3;
					padding: 4px 0px 4px 5px;
					}


#left .fakep3	{background: #e6d8e6;
				padding: 5px 5px 17px 5px;
				margin: 0px 0px 6px 0px;
				border-top: 1px solid #d3c0d3;
				border-bottom: 1px solid #d3c0d3;
				}

	
#left p			{margin: 0px 0px 0px 8px;
				font-size: .8em;
				line-height: 1.6em;
				padding-bottom: 5px;
				}

html>body #left p	{font-size: .9em;
				}

#left h3		{font-size: .95em;
				padding: 2px 0px 2px 5px;
				text-transform: uppercase;
				font-weight: bold;
				color: #ffffff; /* #7ca700; */
				background: #b8d173; /* #dee9b0; */
				border-top: 1px solid #9abe37;
				margin: 0px 0px 3px 0px;
				}

#left .fakep3 h3 		{color: #993399;
				font-size: 1.5em;
				background: none;
				border: 0px;
				padding-left: 5px;
				}


#left a:link	{text-decoration: underline;
				color: #494949;
				}
#left a:active	{text-decoration: underline;
				color: #494949;
				}
#left a:visited	{text-decoration: underline;
				color: #494949;
				}
#left a:hover	{text-decoration: underline;
				color: #2786b8;
				}

p.basket		{border-bottom: 1px dotted #cddc91;
				padding-bottom: 6px;
				padding-top:3px;
				}

#breadcrumbs p	{margin: 0px;
				padding: 0px 3px 10px 10px;
				font-size: .9em;
				color: #626c72;
				}

#breadcrumbs a:link	{text-decoration: underline;
				color: #626c72;
				}
#breadcrumbs a:hover	{text-decoration: underline;
				color: #626c72;
				}
#breadcrumbs a:active	{text-decoration: underline;
				color: #626c72;
				}
#breadcrumbs a:visited	{text-decoration: underline;
				color: #626c72;
				}


#counter		{float: right;
				padding: 0px;
				margin: 0px;
				margin-top: -3px;
				}

#counter p		{padding: 0px 8px 0px 0px;
				color: #4ea8d8;
				font-size: .95em;
				}
#counter .number	{font-size: 1.1em;
					font-weight: bold;
					}

#chart1        {width: 350px;
               float: right;
               margin: 2px 5px 5px 17px;
               padding: 0;
               }
               
 #chart2        {width: 380px;
               float: left;
               margin: 2px 17px 5px 5px;
               padding: 0;
               }
						
									

h3				{padding: 3px 3px 3px 7px;
				margin: 0px;
				text-transform:uppercase;
				}
				
h2				{padding: 3px 3px 3px 7px;
				margin: 0px;
				text-transform:uppercase;
				background-image: url(/images/bluertile.gif);
				background-position: top center;
				background-repeat: repeat-x;
				border-bottom: 1px solid #68aacd;
				font-size: 1.3em;
				}				

html>body h2 	{font-size: 1.5em;
				}

h4				{padding: 3px 3px 3px 7px;
				margin: 0px;
				font-size: 1em;
				}	

ol				{padding-left: 40px;
				padding-right: 30px;
				}

.dark			{background-color: #74bee5;
				color: #f1f5f7;
				}
							
a.find			{background-color: #c8d597;
				padding: 5px;
				text-decoration: none;
				border: 1px solid #bfcb90;
				color: #ffffff;;
				}

a.find:hover	{color: #eff7d1;
				text-decoration: none;
				}

.white			{background-color: #ffffff;
				color: #4e4e4e;
				width: 68%;
				}

.light			{background-color: #cee4f0;
				color: #4ea8d8;
				}

h4.light1	    {background-color: #cee4f0;
				color: #4ea8d8;
				font-size: 1.2em;
				}


.yellow			{background-color: #f4e4b9;
				color: #e07d1c;
				}
.green			{background-color: #daeebc;
				color: #6b9d1b;
				}
.red			{background-color: #dba5a2;
				color: #ae352f;
				}

.light a:link	{color: #4ea8d8;
				}
.light a:hover	{color: #4ea8d8;
				}
.light a:active	{color: #4ea8d8;
				}
.light a:visited	{color: #4ea8d8;
				}
				
.extralight		{background-color: #e4f0f6;
				color: #4ea8d8;
				font-size: .9em;
				}

.corners		{display: block;	
				position: relative;
				width: 100%;
				height: 100%;
				margin: 0px;
				padding: 0px;
				}

.top-left-corner	{position: absolute; 
					top: -19px;
					left: -6px;
					z-index: 2;
					}
					
					
.top-right-corner	{position: absolute; 
					top: -19px;
					right: -6px;
					z-index: 2;
					}


.bottom-left-corner	{position: absolute; 
					bottom: -21px;
					left: -6px;
					z-index: 2;
					}	

.bottom-right-corner	{position: absolute; 
				bottom: -21px;
				right: -6px;
				z-index: 2;
				}

.right				{float: right;
					margin: 10px 0px 10px 10px;
					}

.left				{float: left;	
					}


.specialbg1			{background-color: #f9f4f9;
					padding: 5px 10px 5px 10px;
					background-image: url(/images/specialbg1-bottom.gif);
					background-repeat: repeat-x;
					background-position: bottom center; 
					}
					
.specialbg2			{background-color: #f4f4f4;
					padding: 5px 10px 5px 10px;
					background-image: url(/images/specialbg2-bottom.gif);
					background-repeat: repeat-x;
					background-position: bottom; 
					}	


					
li					{margin-bottom: 6px;
					}	
		
			
#backgradient.gradient1		{background-image: url(/images/gradient.gif);
					background-position: bottom;
					background-repeat: repeat-x;
					}

#backgradient.gradient2		{background-image: url(/images/gradient2.gif);
					background-position: bottom;
					background-repeat: repeat-x;
					}

#backgradient p		{padding-right: 10px;
					padding-left: 10px;
					}
					
.updated			{float: right;
					font-size: .8em;
					padding-top: 2px;
					padding-right: 8px;
					}

html>body .updated		{font-size: .9em;
					}
					
#samplecomments 	{margin-top: 10px;
					font-size: .9em;
					margin-bottom: 10px;
					}
					
#samplecomments td	{padding: 5px 0px 5px 0px;
					border-bottom: 1px solid #dcdcdc;
					}
					
#product-main-right	{float: right;
					width: 35%;
					margin-right: 20px;
					margin-top: 20px;
					}

#product-main-left	{float: left;
					width: 60%;
					}


.bubblebox			{position: relative;
					background-color: #ffffff;
					padding: 18px 5px 20px 5px;
					border-right: 1px solid #dcdcdc;
					border-left: 1px solid #dcdcdc;
					border-top: 1px solid #dcdcdc;
					background-image: url(/images/bubblebox_tilebottom.gif);
					background-position: bottom center;
					background-repeat: repeat-x;
					margin-top: 5px;
					margin-bottom: 5px;
					text-align: center;
					}
					
.bubbleboxleft		{position: relative;
					background-color: #ffffff;
					padding: 18px 5px 20px 5px;
					border-right: 1px solid #dcdcdc;
					border-left: 1px solid #dcdcdc;
					border-top: 1px solid #dcdcdc;
					background-image: url(/images/bubblebox_tilebottom.gif);
					background-position: bottom center;
					background-repeat: repeat-x;
					margin-top: 5px;
					margin-bottom: 5px;
					text-align: center;
					}
					
p.number			{font-size: 1.4em;
					padding: 0px;
					margin: 0px;
					}
p.typescore			{font-size: .85em;
					padding: 0px;
					margin: 3px 0px 0px 0px;
					}
				
p.typescore2			{font-size: .85em;
					padding: 0px;
					margin: 0px 0px 0px 0px;
					}
				
.bubblebox h3		{position: absolute;
					right: 5px;
					top: 0px;
					padding: 0px;
					font-size: 1.1em;
					color: #a1a1a1;
					float: right;
					margin: 0px;
					z-index: 3;
					text-transform: uppercase;
					}

.bubbleboxleft h3	{position: absolute;
					left: 5px;
					top: 0px;
					padding: 0px;
					font-size: 1.1em;
					color: #a1a1a1;
					float: left;
					margin: 0px;
					z-index: 3;
					text-transform: uppercase;
					}
					
.bubblebox p		{padding: 0px 10px 0px 10px;
					}
					
.bubbleboxleft p	{padding: 0px 10px 0px 10px;
					margin: 0px;
					}

p.tinytype			{font-size: .85em;
					text-align: left;
					color: #515151;
					}	
					
p.lefttype			{
					text-align: left;
					color: #515151;
					}	
					
table.bigtable		{text-align: right;
					width: 100%;
					}
					
table.bigtable td	{padding-bottom: 10px;
					padding-top: 10px;
					border-bottom: 1px solid #dcdcdc;
					}
					
table.bigtable_var		{text-align: right;
					}
					
table.bigtable_var td	{padding-bottom: 10px;
					padding-top: 10px;
					border-bottom: 1px solid #dcdcdc;
					}
					
table.bigtableleft	{margin-top: -30px;
					margin-left: 40px;
					text-align: left;
					width: 90%;
					}
					
table.bigtableleft td	{padding-bottom: 5px;
					padding-top: 5px;
					border-bottom: 1px solid #dcdcdc;
					}
					
td.lighttd			{background-repeat: no-repeat;
					padding: 5px;
					font-weight: bold;
					background-position: center center;
					vertical-align: center;
					text-align: center;
					}
					

					

td.firstrow			{padding: 0px;
					margin: 0px;
					font-size: .9em;
					vertical-align: top;
					line-height: 1em;
					border-top: 0px;
					border-bottom: 1px solid #dcdcdc;
					}

td.firstcol			{text-transform: uppercase;
					font-size: .95em;
					text-align: left;	
					}					

table.bigtexttable	{text-align: right;
					width: 100%;
					}
					
table.bigtexttable td	{padding-bottom: 10px;
					padding-top: 10px;
					border-top: 1px solid #dcdcdc;
					vertical-align: top;
					padding-left: 15px;
					}

td.bigtextingredient	{font-size: .9em;
					text-transform: uppercase;
					}
					
td.firsttextcol			{text-transform: uppercase;
					font-size: 1.5em;
					text-align: left;	
					}	
					
td.firsttextcol2	{text-align: left;	
					font-weight: bold;
					}						

.indent10 p			{margin-left: 10px;
					}

table.smalltexttable		{text-align: right;
					width: 100%;
					}
					
table.smalltexttable td	{padding-bottom: 10px;
					padding-top: 10px;
					border-bottom: 1px solid #dcdcdc;
					font-size: .9em;
					}
					
table.smalltexttable td.lighttd	{padding: 5px;
					font-weight: bold;
					background-position: -2px 3px;
					vertical-align: center;
					text-align: left;
					}	

input				{border: 1px solid #a6a6a6;
					color: gray;
					font-size: 1em;
					margin-bottom: 3px;
					}
					
input.find2			{background-color: #c8d597;
				padding: 1px 1px 1px 1px;
				text-decoration: none;
				border: 1px solid #bfcb90;
				color: #ffffff;;
				font-weight: bold;
				}

input.find2:hover	{color: #eff7d1;
				text-decoration: none;
				}

textarea	{border: 1px solid #a6a6a6;
			color: gray;
			margin-bottom: 3px;
			font-family: 'lucida grande', 'lucida sans unicode', 'lucida sans regular', verdana, sans-serif;
			line-height: 1.5em;
			font-size: 1.2em;
			}

select		{font-size: 1em;
			}
	
#ehn p		{background: none;
			border: 0px;
			}

.xbox		{float: right;
			margin: 5px 0px 0px 5px;
			}

p.illegal	{border: 1px dashed #ee7666;
			font-weight: bold;
			padding: 5px;
			color: #d35645;
			}

p.sitenote	{border: 1px dashed #666666;
			font-weight: bold;
			padding: 5px;
			color: #666666;
			}

.synonyms		{font-size: .75em;
			color: #444444;
			text-align: left;
			}	


h3.specialbutton {background-color: #e7e7e7;
				border-top: 1px solid #c0d5e0;					
				font-size: 1.2em;
				color: #7c7c7c;
				margin: 0px;
				padding: 0px;
				}

h3.specialbutton a 		{color: #595959;	
						padding: 0px 10px 0px 10px;
						text-decoration: none;
						margin: 0px;
						}
						
h3.specialbutton a:visited {color: #6f6f6f;	
						padding: 0px 10px 0px 10px;
						margin: 0px;
						}
						
h3.specialbutton a:hover {color: white;	
						padding: 0px 10px 0px 10px;
						margin: 0px;
						background-color: #b7aaca;
						}


#flashcontent	{color: red;
				}


.whatnottobuy		{float: right;
					width: 35%;
					font-size: .9em;
					border: 1px solid #d1d1d1;
					padding: 7px 10px 10px 7px;
					margin-left: 10px;
					margin-bottom: 10px;
					background-color: #ffffff;
					}

.whatnottobuy b		{color: #d35645;
					font-size: 1.2em;
					}

.toptipstease		{float: left;
					width: 35%;
					font-size: .9em;
					border: 1px solid #d1d1d1;
					padding: 7px 10px 10px 7px;
					margin: 10px 20px 10px 0px;
					background-color: #ffffff;
					clear: both;
					}

.toptipstease ul	{margin: 0px 0px 0px 10px;
					padding: 0px;
					}

.toptipstease b		{color: #d35645;
					font-size: 1.2em;
					}
					
span.highlight		{font-weight: bold;
					background-color: #f7fbea;
					}
					
.productrank		{background-color: #f7fbea;
					background-image: url(/images/productrank.gif);
					background-position: 91% 50%;
					background-repeat: no-repeat;
					font-weight: bold;
					}


table.tighttable		{text-align: right;
					width: 100%;
					}
					
table.tighttable td	{padding-bottom: 0px;
					padding-top: 0px;
					border-bottom: 0px solid #dcdcdc;
					}
					
select.tinyselect	{font-size: 0.8em;
			}
	
span.admincomment 	{display: block;
					background-color: #e6d8e6;
					padding: 5px;
					margin-right: 20px;
					}

.alert				{padding: 5px 0px 5px 5px;
					border: 1px solid #d5a3d9;
					margin-bottom: 10px;
					}

.alert p 			{margin: 3px;
					padding: 0px;
					line-height: 1.4em;
					}
					
div.alert h3		{color: #ff9600;
					margin-bottom: 0px;
					padding-bottom: 0px;
					}

.toptoolbar			{border: 1px solid #dac7da; 
					margin-top: 5px; 
					padding: 8px;
					background: #e6d8e6;
					font-size: 1.1em;
					}
					
.toptoolbar a	 	{text-decoration: none;
					margin-right: 15px;
					padding: 3px;
					color: #7a497a;
					font-weight: bold;
					}
					
.toptoolbar a:hover	{background: #fdedff;
					}
					/* Bubble splash overlay */
#skindeep-1 {
	position: absolute;
	width: 675px;
	height: 320px;
	z-index: 1000;
	padding: 10px;
	top: 50px;
	left:50%;
	margin-left:-337px;
	background-color:white;
	display:none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.25);
}
#skindeep-1 img {
	width: 290px;
	height: 268px;
	float: right;
}
#skindeep-1 p {
	text-align: left;
	margin-left: 10px;
	font-size: 16px;
}
#skindeep-1 #link {
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 14px;
}
#skindeep-1 form {
	position: absolute;
	bottom:40px;
	left:20px;
	text-align: left;
	font-size: 16px;
}
#splash-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: #333;
	opacity: 0.35;
	filter:alpha(opacity = 35);
	z-index: 500;
}
/* 2nd Splash page CSS */
#skindeep-2 {
	position: absolute;
	width: 950px;
	height: 570px;
	background: url('/splash-donate/splash.jpg') no-repeat;
	top: 20px;
	left: 50%;
	margin-left: -475px;
	z-index:1000;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.25);
	font-size: 100%;
}
#skindeep-2-form {
	position: absolute;
	width: 440px;
	height: 180px;
	right: 0px;
	top: 335px;
}
#skindeep-2-donate-text {
	width: 350px;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	margin: 15px auto;
}

#skindeep-2-form a:link, #skindeep-2-form a:visited, #skindeep-2-form a:hover {
 	display: block;
	width: 387px;
	height: 57px;
	margin: 10px auto;
	background: transparent url('/splash-donate/donate.png') no-repeat;
	text-indent: -99999px;
}
#skindeep-2-no-link {
	position: absolute;
	bottom: 20px;
	right: 20px;
}