body { 
	background: #fff; 
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: .76em;
	margin: 20px 10px 10px 30px;
	padding: 0px;
}

table tr td {	
	font-size: 100%; 
}
	
span {
	
}

h1 {  
	background: transparent; 
	border-bottom: 1px solid #000;
	color: #333;
	font-weight: normal;  
	font-size: 160%; 
	margin: 0 0 .76em 0;
	padding: 0 0 .5em 0;
}

h2 {  
	color: #004b85;	
	font-weight: normal; 
	font-size: 150%; 
	margin: .76em 0 .76em 0;
	padding: 0;

}

h3  { 
	color: #333;
	font-weight: bold;
	font-style: italic;  
	font-size: 120%; 
	margin: 0 0 .76em 0;
	padding: 0;
}

h4  { 
	border-bottom: 1px dashed #9c3;
	color: #004b85;
	font-weight: bold;
	font-style: normal;  
	font-size: 110%; 
	margin: 0 0 .76em 0;
	padding: 0;
}

h5  { 
	color: #333;
	font-weight: normal;
	font-style: italic;  
	font-size: 100%; 
	margin: 0 0 .76em 0;
	padding: 0;
}

	
h6  {  
	border-top: 1px solid #333;
	color: #333; 
	font-weight: bold;  
	font-size: 100%; 
	margin: .76em 0 0 0;
	padding: .4em 0 0 0;
}
	
a {
	text-decoration: underline;
	outline: none;
}

a:link {
	color: #27627f;
}

a:visited {
	color: #27627f;
}

a:hover {
	color: #333;
}

a:active {
	color: #333;
	text-decoration: none;
}

p {
	line-height: 1.5em;
	margin: 0 0 1.2em 0;
	padding: 0;
} 

.content {
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}

.caption {
	color: #999;	
	font-family: verdana, arial, sans-serif;
	font-size: 90%;
	line-height: 1.2em;
	margin: 0px auto;
	padding: 0px 5px 0px 5px;
	position: relative;
	text-align: center;
}

.small {
	font-size: 90%;
}

.floatleft {
	display: inline;
	float: left;
	margin: 0px 10px 5px 0px;
} 

.floatleft-framed {
	display: inline;
	border: 1px solid #ddd;
	float: left;
	margin: 5px 10px 5px 0px;
	padding: 2px;
} 

.floatright {
	display: inline;
	float: right;
	margin: 0px 0px 5px 10px;
 }
 
 .floatright-framed {
	display: inline;
	border: 1px solid #ddd;
	float: right;
	margin: 5px 0px 5px 10px;
	padding: 2px;
 }

.floatcenter {
	display: block;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	text-align: center;
}

.framed {
	border: 1px solid #ddd;
	margin: 2px;
	padding: 2px;
}

.framed-close {
	border: 1px solid #ddd;
	margin: 0px;
	padding: 0px;
}

a.pdf {
	background: transparent url(images/pdf-icon.jpg) no-repeat top left;
	margin: 0px;
	padding: 5px 5px 5px 31px;
}

a.pdf2 {
	background: transparent url(images/pdf-icon2.jpg) no-repeat top left;
	margin: 0px;
	padding: 0px 5px 0px 20px;
}

.hidden {
	display: none;
}


.rule {
	border-bottom: 1px solid #333;
	margin: 0px 3px;
	padding: 0px;
}

.rule2 {
	border: 0px;
	line-height: .0em;
	margin: 0px;
	padding: 0px;
}

.box1 {
	float: left;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	position: relative;
	width: 96px;
}

table.box {
	width: 480px;
}

table.chart {
	width: 520px;
}

table.chart tr td {
	border: 1px solid #bbb;
	padding: 2px 3px;
}

table tr.blue {
	background: #e0e9ef;
}

table tr.gray {
	background: #eee;
}



/* -- WRAP -- */

#wrap {
	background: transparent;
	margin: 0px;
	padding: 0px;
	width: 700px;	
}

#whatsnew {
	border: 1px solid #ddd;
	color: #333;
	font-size: 90%;
	margin: 5px;
	padding: 5px;
}
	
#whatsnew h4 {
	background: #9c3;
	color: #fff;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 3px;
	text-align: center;
}

div.callout {
	border: 1px solid #ddd;
	background: #eee;
	color: #333;
	font-size: 90%;
	margin: 5px;
	padding: 5px;

}
	
div.callout h4 {
	background: #9c3;
	color: #fff;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 3px;
}

div.notation {
	background: transparent url(images/plus-bullet.gif) no-repeat top left;
	margin: 0;
	padding: 0 0 8px 13px;
}


/* -- HEADER -- */

#print-logo {
	display: none;
}

#header {
	background: #fff;
	display: block;
	height: 60px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 700px;		
}

#logo {
	background: transparent url(images/logo.gif) no-repeat top left;
	float: left;
	height: 53px;
	width: 230px;
}

#logo img {
	height: 53px;
	width: 230px;
}


#utility-nav {
	background: transparent;
	float: right;
	width: 460px;
}

#utility-nav ul {
	margin: 0;
	padding: .5em 0;
	text-align: right;
}

#utility-nav ul li {
	display: inline;
	border-right: 1px solid #9c3;
}

#utility-nav ul li a {
	background: transparent;
	color: #666;
	font-size: 90%;
	font-weight: normal;
	margin: 0px;
	padding: 0 .5em;
	text-decoration: none;	
}

#utility-nav ul li a:hover {
	color: #000;
	text-decoration: underline;	
}

#utility-nav ul li.right {
	border-right: 0px;	
}




#nav {
	background: #fff;
	margin: 0 auto;
	text-align: center;
}

#nav ul {
	margin: 0;
	padding: .5em 0;
}

#nav ul li {
	display: inline;
	border-right: 1px solid #75d0ef;
}


#nav ul li a {
	background: #fff;
	border: 1px solid #fff;
	color: #004b85;
	font-size: 90%;
	font-weight: normal;
	margin: .5em 0px;
	padding: 0 4px;
	text-decoration: none;	
}

#nav ul li a:hover {
	background: #fff;
	border: 1px solid #fff;
	color: #000;
	text-decoration: underline;	
}


#nav ul li.right {
	border-right: 0px;
}


/* -- on states --*/
body#home-page #home a {color: #333; font-weight: normal; text-decoration: underline;}
body#corporate-info-page #corporate-info a {color: #333; font-weight: normal; text-decoration: underline;}
body#contact-page #contact a {color: #333; font-weight: normal; text-decoration: underline;}

body#spindle-page #spindle a {color: #333; font-weight: normal; text-decoration: underline;}
body#commercial-laundry-page #commercial-laundry a {color: #333; font-weight: normal; text-decoration: underline;}
body#pharmaceutical-page #pharmaceutical a {color: #333; font-weight: normal; text-decoration: underline;}
body#water-treatment-page #water-treatment a {color: #333; font-weight: normal; text-decoration: underline;}
body#coolant-page #coolant a {color: #333; font-weight: normal; text-decoration: underline;}


/*-- Commercial Laundry menu --*/
div#laundry-program-page #laundry-program a {background: #004b85; color: #fff;} 
div#laundry-ultrax-page #laundry-ultrax a {background: #004b85; color: #fff;} 
div#laundry-service-page #laundry-service a {background: #004b85; color: #fff;}
div#laundry-manufacturing-page #laundry-manufacturing a {background: #004b85; color: #fff;}
div#laundry-software-page #laundry-software a {background: #004b85; color: #fff;}


/*-- Pharmaceuticals menu --*/
div#pharma-dedication-page #pharma-dedication a {background: #004b85; color: #fff;} 
div#pharma-methodology-page #pharma-methodology a {background: #004b85; color: #fff;} 
div#pharma-chemistry-page #pharma-chemistry a {background: #004b85; color: #fff;} 
div#pharma-validation-page #pharma-validation a {background: #004b85; color: #fff;} 
div#pharma-chematic-page #pharma-chematic a {background: #004b85; color: #fff;} 
div#pharma-technical-page #pharma-technical a {background: #004b85; color: #fff;} 


/*-- Water Treatment menu --*/
div#water-wastewater-page #water-wastewater a {background: #004b85; color: #fff;}
div#smart-release-page #smart-release a {background: #004b85; color: #fff;} 
div#water-oil-page #water-oil a {background: #004b85; color: #fff;} 
div#water-products-page #water-products a {background: #004b85; color: #fff;} 


/*-- Engine Coolant Additives menu --*/
div#coolant-chemistry-page #coolant-chemistry a {background: #004b85; color: #fff;} 
div#coolant-antifreeze-page #coolant-antifreeze a {background: #004b85; color: #fff;} 
div#coolant-treatment-page #coolant-treatment a {background: #004b85; color: #fff;} 


/*-- Spindle Technologies menu --*/
div#spindle-about-page #spindle-about a {background: #004b85; color: #fff;} 
div#spindle-chemwatch-page #spindle-chemwatch a {background: #004b85; color: #fff;} 
div#spindle-chemweb-page #spindle-chemweb a {background: #004b85; color: #fff;} 
div#spindle-optrax-page #spindle-optrax a {background: #004b85; color: #fff;} 

/* -- TOP --*/

#top {
	outline: none;
	background: #004b85;
	border-top: 1px solid #fff;
	margin: 0px 0px 20px 0px;
	padding: 0;
	width: 100%;
}

#home-page #top {background: transparent url(images/banner-home.jpg) no-repeat top left; margin: 0 0 15px 0; padding: 0; width: 100%; height: 155px;}
#corporate-info-page #top {background: transparent url(images/banner-corporate-info.jpg) no-repeat top left; margin: 0 0 15px 0; padding: 0; width: 100%; height: 155px;}
#contact-page #top {background: transparent url(images/banner-contact.jpg) no-repeat top left; margin: 0 0 15px 0; padding: 0; width: 100%; height: 155px;}

#spindle-page #top {background: transparent url(images/banner-spindle.jpg) no-repeat top left; margin: 0 0 15px 0; padding: 0; width: 100%; height: 155px;}
#commercial-laundry-page #top {background: transparent url(images/banner-commercial-laundry.jpg) no-repeat top left; margin: 0 0 15px 0; padding: 0; width: 100%; height: 155px;}
#pharmaceutical-page #top {background: transparent url(images/banner-pharmaceutical.jpg) no-repeat top left; margin: 0 0 15px 0; padding: 0; width: 100%; height: 155px;}
#water-treatment-page #top {background: transparent url(images/banner-water-treatment2.jpg) no-repeat top left; margin: 0 0 15px 0; padding: 0; width: 100%; height: 155px;}
#coolant-page #top {background: transparent url(images/banner-coolant.jpg) no-repeat top left; margin: 0 0 15px 0; padding: 0; width: 100%; height: 155px;}



/*-- SIDEBAR and SUB MENU -- --*/

#sidebar {	
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
}

body#home-page #sidebar {	
	float: left;
	border-right: 1px solid #75d0ef;
	color: #004b85;
	margin: 0;
	padding: 0;
	width: 180px;
}

body#contact-page #sidebar {	
	float: left;
	border-right: 1px solid #75d0ef;
	margin: 0;
	padding: 0;
	width: 180px;
}

body#corporate-info-page #sidebar {	
	float: left;
	border-right: 1px solid #75d0ef;
	margin: 0;
	padding: 0;
	width: 150px;
}


/* -- MENU in the SIDEBAR -- */

#menu {

}

	
#menu ul{
	
	list-style: none;
	margin: 0;
	padding: 0;
}
	
#menu li {
	font-size: 100%;
}

#menu ul li a {
	border-right: 1px solid #75d0ef;
	display: block;
	background: transparent;
	color: #a60;
	font-weight: normal;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	text-align: left;
	text-decoration: none;
	width: 150px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 130px; 
	outline: none;
}
	
html>body #menu a {
	width: 130px;
}
	
#menu ul li a:link {
	background: #fff;
	color: #004b85; }
	
#menu ul li a:visited {
	background: #fff;
	color: #004b85; 
}
		
#menu ul li a:hover {
	background: #648fc8;
	color: #fff;
}
	
#menu ul li a:active {
	background: #648fc8;
	color: #fff;
}




/* -- CONTENT -- */


#content {
	background: transparent;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 700px;	
}

#main {
	background: transparent;
	margin: 0px 0px 0px 170px;
	padding: 0px 0px 0px 0px;
	width: 510px;
}

body#home-page #main {
	background: transparent;
	margin: 0px 0px 0px 200px;
	padding: 0px 0px 0px 0px;
	width: 480px;
}

body#contact-page #main {
	background: transparent;
	margin: 0px 0px 0px 200px;
	padding: 0px 0px 0px 0px;
	width: 480px;
}


#footer {
	border-top: 1px solid #999;
	color: #666;
	font-size: 80%;
	margin: 15px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: left;
	width: 700px;
}

#footer a {
	font-weight: normal;
	text-decoration: none;
}

#footer a:link {
	color: #666;
}

#footer a:visited {
	color: #666;
}

#footer a:hover {
	color: #000;
	text-decoration: underline;
}

#footer a:active {
	color: #000;
	text-decoration: underline;
}


#sub-footer {
	color: #666;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 700px;
}


/* -- FORM ELEMENTS -- */

form {
	background: #e0e9ef;
	border: 1px solid #ddd;
}

form legend {
	background: #fff;
	border: 0px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	margin: 10px;
	padding: 5px;
}

form fieldset {
	border: 0px;
	display: block;
	margin: 0px;
	padding: 3px;
	width: 480px;
}

form label {
	display: block;
	color: #333;
	font-weight: normal;
	font-size: 90%;
}

form input, select, textarea, option {
	background: #fff;
	border: 1px solid #004b85;
	color: #333;
	margin: 0px;
	padding: 0px;
}

form fieldset div {
	padding: 2px 10px 3px 10px;
}

.submitbutton {
	background: #004b85;
	border: 0px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 100%;
	margin: 5px;
	padding: 3px 7px 3px 7px;
}

.req {
	color: #F90;
}