/*  
Theme Name: 2009 Producto
Description: The November 2009 design of productochemicals.com, based on cimcool.com
Author: Graphic Directions | mPango Development Studios
Author URI: http://mpangodev.com
*/

html
{
	min-height: 100%;
}

body
{
	margin: 0;
	text-align: center;
	min-height: 100%;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;	
	background-color: #FCFFFD;	
}

#mainContainer
{
	position: relative;
	width: 960px;
	min-height: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	border-left: 2px solid #017CBC;
	border-right: 2px solid #017CBC;
}

#header
{
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 232px;
	position: relative;
}

	#msdsSearch
	{
		position: absolute;
		top: 20px;
		left: 570px;
		font-weight: bold;
	}
	
		#msdsSearch input.text
		{
			width: 250px;
		}
	
	#isoLink
	{
		position: absolute;
		top: 25px;
		right: 165px;
		width: 140px;
		height: 45px;
		border: none;
	}
	
	#tag
	{
		position: absolute;
		top: 159px;
		left: 190px;
		text-transform: uppercase;
		color: white;
		font-weight: bold;
		font-size: 1.1em;
	}
	
	#menu
	{
		list-style: none;
		display: inline;
		position: absolute;
		margin: 0;
		padding: 0;
		bottom: 0;
		left: 0;
	}
	
		#menu li
		{
			float: left;
			margin: 0;
			padding: 0;
		}
		
		#menu img
		{
			border: none;
		}

#content
{
	padding: 20px 15px;
	
	/* border-top: 1px solid green;   removes extra spaces between header and content in FF on home, related to border issues*/
}


/* Content */
.sectionTitle
{
	text-align: left;
	font-weight: bold;
	color: #EF5BA0;
}


/* Pages */
div#mmpCategories
{
	float: left;
	width: 200px;
	text-transform: uppercase;
}

	div#mmpCategories ul
	{
		margin: 0;
		padding: 0;
	}

	div#mmpCategories ul li
	{
		list-style-type: none;
	}
	
div#mmpContent table
{
	border-collapse: collapse;
}

	div#mmpContent table tr
	{
	}

		div#mmpContent table tr.alternate
		{
			background-color: transparent;
		}
		
		div#mmpContent table tr td
		{
			border: none;
			vertical-align: top;
			padding: 3px;
		}
		
		div#mmpContent table tr td.productName
		{
			width: 175px;
		}
		
		div#mmpContent table tr td.productDescription
		{
			width: 450px;
		}

div#mmpSheets
{
	float: left;
	width: 700px;
}

/* Misc */
a:link, a:active, a:visited 
{
	color: #017CBC;
}

.required
{
	color: red;
}

.separator
{
	width: 95%;
	height: 4px;
	font-size: 5px; /* Otherwise IE6 will make the height the size of the default text size */
	background-color: #EF5BA0;
	margin: 5px auto 5px auto;
}

.error
{
	color: red;
}

form
{
	margin: 0;
}




/* original */

body
{
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
}

table
{
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
}

.getsmall
{
font-size: 10pt;
}

.arialize
{
font-family: arial, helvetica, sans-serif;
}

.head1
{
color: #FF6633;
font-size: 14pt;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
}

.head2
{
color: #3399FF;  
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 12pt;
}

.head3
{
color: #3399FF;
font-size: 10pt;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
}

.accent
{
font-style: oblique;
}