/* CSS Document */

/* BASIC */

* 	{
	margin: 0;
	padding: 0;
	}

body {
	background-color: #FFFFFF;
	font: 67.5%/150% Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: center;
	}
		
h1 {
	font: normal 3em Helvetica, Arial, sans-serif;
	margin-bottom: 12px;
	color: #4FA800;
	}
	
#sidebar h1 {
	font: bold 1.4em Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-left: 15px;
	}	
		
h2 {
	font: bold 1.4em Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	color: #CC0954;
	text-transform: uppercase;
	}
		
h3 {
	font: bold 1.3em Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	color: #FFFFFF;
	}
	
h4 {
	font: bold 1.2em Helvetica, Arial, sans-serif;
	margin-bottom: 8px;
	color: #000000;
	}		
	
p {
	font: 1.1em;
	margin-bottom: 8px;
	}
	
a:link {
	text-decoration: none;
	font-weight: bold;
	color: #CC0954;
	}
	
a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #CC0954;
	}
	
a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #4FA800;
	}
	
a:active {
	text-decoration: none;
	font-weight:bold;
	color: #4FA800;
	}			
		
ul {list-style-type: none;}

#screenshot ul {list-style-type: inline;}

li {
	font: 1.1em;
	margin-bottom: 15px;
	}	
	
.bulletList {
	list-style: url(../images/bullet.gif) outside;
	margin-left: 12px;
	margin-bottom: 20px;
	}
	
.bulletList li {margin-bottom: 5px;}		
		

/* LITTLE FIXES */	
	
.label {font-weight:bold; color: #4FA800;}
.labelWhite {font-weight:bold; color: #FFFFFF;}	
	
.noBottomMargin	{margin-bottom: 0px;}

.noBorder {border: none;}
	
.bold {font-weight: bold;}	

.whiteText {color: #FFFFFF;}

.redText {color: #CC0954;}	
	
.greenText {color: #4FA800;}	

.clearBoth {clear: both;}	

.bigger {font-size: 1.2em;}

.smaller {font-size: 0.9em;}
	
.spaceAbove {padding-top: 12px;}

.moreSpaceAbove {padding-top: 25px;}
	
.spaceBelow {margin-bottom: 20px;}	
	
.lineBelow {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
	}
	
.lineAbove {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #CCCCCC;
	clear: both;
	}	
	
.floatLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	
	
.floatRight {float: right;}
	
.clear {clear: both;}			
	
.hidden {display: none;}

.reference {
	font-size: 0.8em;
	color: #666666;
	line-height: 125%;
	}	
.padded {
margin-top:20px;
padding-right:10px;

}
.paddedLeft {

margin-left:10px;

}

/* LAYOUT */

#contactPageContainer {
	width:auto;
	height:137px;
	padding-right:100px;
	background-image: url(../images/ecolabbrochureedit.png);
	background-repeat: no-repeat;
	background-position: 390px;
}

#orderInfo {
padding:3px;
/*border-top: 1px solid #4FA800;
/*border-left: 1px solid #4FA800;*/
/*border-right: 1px solid #4FA800;*/
border-bottom: 2px solid #4FA800;

}
#cellStyle {
padding:5px;
border-bottom: 1px solid #4FA800;
/*border-right: 1px solid #4FA800;*/
/*border-left: 1px solid #4FA800;*/
}
#cellStyleBottomless {
padding:5px;

}
#container {
	background: #FFFFFF;
	width: 760px;
	margin: 0px auto;
	}

#wrapper {
	background: #FFFFFF;
	width: 760px;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 3px solid #007AC9;
	}	

#contactForm {
	text-align:right;
	width:350px;

}	
#banner {
	width: auto;
	}	
	
#content {
	clear: both;
	width: 710px;
	margin: 0px;
	padding: 25px;
	}

#main {
	width: 490px;
	}	
	
body#home #main {background: url(../images/skinsanbottles.jpg) no-repeat right bottom;}		
		
#boxlink {
	position: relative;
	margin: 20px 0px;
	padding: 10px 10px 10px 10px;
	width: auto;
	border: 12px solid #E4E4E4;
	}

#boxlink:hover { border-color: #4FA800; }

#boxlink img { 
float:left;
margin-right:10px;
border:1px;
border-color: #4FA800; }

#boxlink p {
	color: #000000;
	margin-left: 100px;
	font-weight: normal;
	}

#boxlink p.boxlinkHeading {
	font-size: 1.3em;
	color: #4FA800;
	font-weight: bold;
	margin-bottom: 5px;
	}

#techPack {
	position: absolute;
	top: -22px;
	left: 14px;
	}
	
* html #techPack {
	position: absolute;
	top: -10px;
	left: 5px;
	}	
	
#leftContent {
	width: 280px;
	min-height:290px;
	}

#sidebar {
	float: right;
	width: 200px;
	height: auto;
	}
	
img.redBorder {border: 2px solid #CC0954;}	
			
#sublinks {
	width: 200px;
	margin-top: 20px;
	background-color: #4FA800;
	padding: 15px 0px;
	height: auto;
	}

#sublinks li {
	margin-bottom: 0px;
	}	

#sublinks .titles {
	font-size: 1.2em;
	margin-bottom: 3px;
	font-weight: bold;
	display: block;
	}	

#sublinks a:link, #sublinks a:visited {
	display: block;
	width: 170px;
	padding: 8px 15px;
	color: #FFFFFF;
	font-weight: normal;
	}

#sublinks a:hover, #sublinks a:active {
	background-color: #CC0954;
	}
	
#footer {
	height: 35px;
	width: 760px;
	background-color: #CC0954;
	}		

/* BOTTOM LINKS */

#bottomLinks {
	font-size: 1em;
	text-align: right;
	width: 760px;
	margin: 8px auto 20px;
	}

#bottomLinks p {color: #999999;}

#bottomLinks a:link, #bottomLinks a:visited {
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	}

#bottomLinks a:hover, #bottomLinks a:active {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}


/* NAVIGATION */				

#nav {
	padding-left: 20px;
	border-bottom: 3px solid #4FA800;
	}		

#nav ul {
	width: auto;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}
		
#nav li {
	float: left;
	width: 15em;
	background: url(../images/tab-right.gif) no-repeat right top;
	margin-bottom: 0px;
	}
	
#nav li:hover {
	float: left;
	width: 15em;
	background: url(../images/tab-right-on.gif) no-repeat right top;
	margin-bottom: 0px;
	}	
		
#nav a:link, #nav a:visited {
	display: block;
	padding: 9px 30px 7px 30px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 120%;
	background: url(../images/tab-left.gif) no-repeat left top;
	font-size: 1.1em;
	}
	
* html #nav a {height: 1px;}	
	
#nav a:hover, #nav a:active {
	display: block;
	padding: 9px 30px 7px 30px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 120%;
	background: url(../images/tab-left-on.gif) no-repeat left top;
	font-size: 1.1em;
	}	
	
        
/* YOU ARE HERE LINKS */	
	
body#home li#homeTab, 
body#downloads li#downloadsTab,
body#contact li#contactTab {
	float: left;
	width: 15em;
	background: url(../images/tab-right-on.gif) no-repeat right top;
	margin-bottom: 0px;
	}
		
body#home a#homeLink, 
body#downloads a#downloadsLink,
body#contact a#contactLink {
	display: block;
	padding:  9px 7px 7px 7px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 120%;
	background: url(../images/tab-left-on.gif) no-repeat left top;
	font-size: 1.1em;
	}		
		

/* FLOAT DROP FIX */

br.clear {
	clear: both;
	}
	
.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}

.clear {
	min-height: 1px;
	}
	
* html .clear {
	height: 1px;
	}