/* CSS Document */

/*=== GLOBAL FORMATTING ===*/
*				{margin: 0;
				padding: 0;
				}
				
body			{font-family: Arial, Helvetica, sans-serif;
				color: #666;
				}
				
.nav			{display: block;
				border-bottom: 16px solid white;
				}
				
img				{display: block;
				}
				
#bottom_container p, #footer p, #top_container.terms p
				{margin-bottom: 12px;
				font-size: 70%;
				line-height: 140%;
				}

#top_container p	
				{margin-bottom: 20px;
				}

ol				{font-size: 70%;
				line-height: 140%;
				list-style-type: decimal;
				margin-left: 22px;
				margin-bottom: 12px;
				}
				
ol li			{margin-bottom: 12px;
				}
				
h3				{font-size: 75%;
				width: 100%;
				border-bottom: 1px dotted #999;
				color: #ed1c24;
				font-weight: normal;
				margin: 15px 0 10px 0;
				padding-bottom: 3px;
				text-transform: uppercase;
				}

				
h3 a:link, h3 a:visited
				{text-decoration: none;
				color: #ed1c24;
				}
				
h3 a:hover, h3 a:active
				{color: #B72323;
				}
				
h4				{font-size: 70%;
				font-weight: normal;
				margin-bottom: 16px;
				margin-top: 5px;
				display: block;
				line-height: 120%;
				font-family: Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				}
				
h5				{font-size: 70%;
				color: #00ADEF;
				font-weight: normal;
				}

.bigRed			{color: #ED1C24;
				font-size: 105%;
				line-height: 140%;
				}
				
.bigGrey		{font-size: 105%;
				line-height: 140%;
				}
				
.littleGrey		{font-size: 13px;
				line-height: 160%;
				}			
				
#home_promo	{width: 600px;
				margin: 0 auto;
				}	
					
/*=== GLOBAL STRUCTURE ===*/
				
#top_content	{width: 590px;
				margin: 0 auto;
				padding-right: 10px;
				}
				
#top_container	{background: url(images/blueFade.jpg) repeat-x bottom;
				width: 100%;
				position: relative;
				padding-bottom: 15px;
				}
				
#bottom_content	{width: 550px;
				}
				
#bottom_container
				{width: 600px;
				margin: 0 auto 10px; 
				}

#page_img		{position: absolute;
				bottom: -125px;
				left: 50%;
				margin-left: 260px;
				}
				
#page_img2		{position: absolute;
				bottom: -118px;
				left: 50%;
				margin-left: 260px;
				}
				
#page_img3		{position: absolute;
				bottom: -135px;
				left: 50%;
				margin-left: 260px;
				}
				
#headerImage2	{position: absolute;
				margin-left: 10px;
				}			
				
/*=== STAIN REMOVAL GUIDE PAGE ===*/				
				
.cols			{width: 120px;
				height: 100%;
				margin-right: 10px;
				padding-right: 10px;
				position: relative;
				float: left;
				border-right: 1px #999 dotted;
				}
				
#endcol			{border-right: 0;
				}
				
.cols ul		{list-style-type: none;
				font-size: 60%;
				font-family: Arial, Helvetica, sans-serif;
				}
				
.cols ul li		{line-height: 50%;
				margin-bottom: 8px;
				}
				
.cols ul li a:link, .cols ul li a:visited
				{text-decoration: none;
				color: #666;
				}
				
.cols ul li a:hover, .cols ul li a:active
				{text-decoration: underline;
				}
				
/*=== IDEAS AT HOME PAGE ===*/

#ideasNav {
				border-bottom: 1px dotted #999;
				line-height: 3;
				clear: both;
	}
#ideasNav ul	{list-style-type: none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 70%;
				line-height: 140%;
				color: #00ADEF;
				xheight: 18px;
				width: 550px;
				xdisplay: block;
				margin-bottom: 7px;
				}
				
#ideasNav li	{float: left;
				margin-right: 5px;
				}
				
#ideasNav li a:link, #ideasNav li a:visited
				{color: #6CCFF6;
				text-decoration: none;
				}
				
#ideasNav li a:hover, #ideasNav li a:active
				{color: #00ADEF ;
				}
				
#ideasNav li.active a:link,
#ideasNav li.active a:visited,
#ideasNav li.active a:hover,
#ideasNav li.active a:active
				{color: #00ADEF;
				cursor: default;
				}
				
.horizLine		{width: 100%;
				position: relative;
				border-bottom: 1px dotted #999;
				margin-bottom: 0;
				line-height: 0;
				}
				
/*=== INNOVATIONS PAGE ===*/

#innovations_content
				{width: 440px;
				float: right;
				position: relative;
				}
				
#sub_nav		{font-size: 70%;
				float: right;
				margin-top: 2px;
				}
				
#sub_nav a:link, #sub_nav a:visited
				{color: #999;
				margin-left: 10px;
				float: left;
				text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				}
				
#sub_nav a:hover, #sub_nav a:active
				{text-decoration: underline;
				}

.top_cols		{margin-right: 10px;
				padding-right: 10px;
				position: relative;
				height: 60px;
				}
				
.top_cols ul	{list-style-type: none;
				width: 130px;
				font-size: 60%;
				margin-right: 10px;
				float:left;
				font-family: Arial, Helvetica, sans-serif;
				}
				
.top_cols ul li	{line-height: 120%;
				margin-bottom: 5px;
				padding-bottom: 3px;
				border-bottom: 1px #999 dotted;
				}
				
.top_cols ul li a:link, .top_cols ul li a:visited
				{text-decoration: none;
				color: #666;
				}
				
.top_cols ul li a:hover, .top_cols ul li a:active
				{color: #aaa;
				}

#packShot		{float: left;
				margin-left: -2px;
				}
				
p.error {
	color: #ED1C24;
}

.top_cols ul li.selected a {
		color: #000;
}

#footer {
	width: 600px;
	padding: 10px 0;
	margin: 10px auto; 
	clear: both;
}

#footer a {
	color: #999;
}

.mmmheader img { display: inline; }

.blackdivider { clear: both; padding: 10px 0; border-bottom: 2px solid black; }