@charset "utf-8";
/*  CSS */

a,
a:link,
a:visited,
a:hover,
a:active	{color:#515452; outline: none;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font:19px Arial, Helvetica, sans-serif;margin:0;padding:0}
h2			{font:1.5em Arial, Helvetica, sans-serif;margin:0;padding:0}
h3			{font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font-size:0.63em;}
.sm10		{font-size:0.69em;}

img {behavior: url(inc/pngbehavior.htc);}
#map img {behavior:none !important;}
#map {line-height:15px;}

.bttmtext	{font-size:9px;line-height:11px;}
.bttmtext strong {font-weight:normal;}

img.imgborder	{
	padding:3px;
	background:#fff;
	border:1px solid #ccc;
	}

.margright	{margin-right:10px;}
.name	{color:#2a7144;}

hr	{border:0px;border-top:1px solid #dbe5ef;border-bottom:1px solid #fff }

#content strong				{font-weight:normal;}
#content .strong strong 	{font-weight:bold;}

/* BUTTONS */

button, a.button	{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    font: 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button, a.button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type], a.button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

/* STANDARD */

button:hover, a.button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.button a:active, a.button:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, a.button.positive{
    color:#529214;
}
button.positive:hover, a.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
button a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

button.negative, a.negative{
    color:#d12f19;
}
button.negative:hover, a.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.button a.negative:active, a.button{
    background-color:#bbcada;
    border:1px solid #8eabcc;
    color:#5b80aa;
	font-size:11px;
	text-align:center;
}





/******   LAYOUT   ******/
* {outline-style: none;}

html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #515452;
	background:#93bc47 url(../images/bg.jpg) repeat-x;
	}
	
#wrapper	{
	width:1000px;
	height:auto;
	margin: 0 auto;
	padding: 0 0px;
	text-align:left;
	background: url(../images/wrapperbg.png) repeat-y;behavior: url(inc/pngbehavior.htc);
	font: 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
#header	{
	height:138px;
	margin:0 auto;
	background: url(../images/headerbg.jpg);
	}

#content	{
	width:950px;
	margin:0px;
	padding:0 20px 20px 20px;
	}
	
#heading	{	
	width:960px;
	height:50px;
	margin:0 auto;
	padding: 50px 15px 0 15px;
	background: url(../images/headingbg.jpg);
	}


#rightnav	{ 
	width:220px;
	float:right;
	margin: 55px 10px 0 0; 
	}

#rightnav a,
#rightnav a:link,
#rightnav a:visited,
#rightnav a:hover,
#rightnav a:active	{color:#990000;font: 11px Arial, Helvetica, sans-serif;padding:0 5px;}
	
	
/****************    NAV   ************/
#nav .menu {	
	padding: 13px 0px 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:13px;
	float:left; 
	}
	
#nav a#cumberland				{background:url(../images/nav-cumberland.gif) no-repeat;width:154px;}
#nav a#cumberland:HOVER			{background:url(../images/nav-cumberland-over.gif) no-repeat;}

#nav a#private					{background:url(../images/nav-private.gif) no-repeat;width:102px;}
#nav a#private:HOVER			{background:url(../images/nav-private-over.gif) no-repeat;}
		
#nav a#automotive				{background:url(../images/nav-automotive.gif) no-repeat;width:157px;}
#nav a#automotive:HOVER			{background:url(../images/nav-automotive-over.gif) no-repeat;}

#nav a#cleaners					{background:url(../images/nav-cleaners.gif) no-repeat;width:132px;}
#nav a#cleaners:HOVER			{background:url(../images/nav-cleaners-over.gif) no-repeat;}
	
#nav a#liquid					{background:url(../images/nav-liquidpackaging.gif) no-repeat;width:124px;}
#nav a#liquid:HOVER				{background:url(../images/nav-liquidpackaging-over.gif) no-repeat;}

#nav a#products					{background:url(../images/nav-products.gif) no-repeat;width:78px;}
#nav a#products:HOVER			{background:url(../images/nav-products-over.gif) no-repeat;}

#nav a#newproducts				{background:url(../images/nav-newproducts.gif) no-repeat;width:107px;}
#nav a#newproducts:HOVER		{background:url(../images/nav-newproducts-over.gif) no-repeat;}

#nav a#msds						{background:url(../images/nav-msds.gif) no-repeat;width:67px;}
#nav a#msds:HOVER				{background:url(../images/nav-msds-over.gif) no-repeat;}

 
/******* HORIZONTAL NAV MENU  ***********/
#nav	{
	height:13px;
	width:990px;
	margin:0 auto;
	background:url(../images/navbg.jpg);
	}
*html #nav	{
	position:absolute;
	z-index:10;
	width:990px; 
	} /*IE 6*/ 
		
ul#hrznav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 990px; /*For KHTML*/
  list-style: none;
  height: 13px;
  padding: 0px 0px 0px 0px;
	}

ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 13px;
  z-index:10;
	}

ul#hrznav li li{height:25px;}

ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 290px;
  list-style: none;
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
	}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}

/* Root Menu */
ul#hrznav a {
  padding: 2px 2px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #e1a913;
  font: 1.3em/1.90em Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  background:#262d3d;
  color: #dae4fb;
  border:1px solid #394259;
  font-size:1.2em;
  height:30px;
  text-indent:5px;
  	}
	
*html #nav	{z-index:500; position:relative;}



/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #424d66;
  color: #FFF;
	}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
	}




/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

#BottomBoxes	{
	width:970px;
	margin:0 auto;
	padding: 15px 10px 0 10px;
	background:url(../images/bottomboxesbg.jpg);
	height:142px;
	}


#BottomBoxes .box	{
	width:285px;
	padding:0 0px 0 0;
	float:left;
	height:120px;
	font-size:15px;
	color:#ffffff;
	}

#BottomBoxes .box a,
#BottomBoxes .box a:link,
#BottomBoxes .box a:visited,
#BottomBoxes .box a:hover,
#BottomBoxes .box a:active	{color:#ffffff; outline: none;}

div.pbox  {padding-top:15px; line-height: 1em;height:50px;}

.emailsignup	{
	background:url(../images/eMailSignupBG.jpg) no-repeat;
	padding:8px 15px;
	width:269px;
	height:24px;
	}

* html .emailsignup {margin-top:-25px;margin-bottom:-16px;}

/******* FOOTER *******/
#footer	{
	height:80px;
	font-size:1.0em;
	line-height:1.3em;
	color:#31440e;
	clear:both;
	width:1000px;
	margin:0 auto;
	text-align:left;
	}
#footer a	{text-decoration:none;color:#31440e;}

#footer #credit				 {float:right;width:115px;}
#footer #credit a 	 		 {color:#6d8d30;text-decoration:none;}
#footer #credit a:hover 	 {color:#000;text-decoration:none;}







/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	background:#d0e6f5;
	border: 1px solid #a5cae4;	
	}	

#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#276E37;
	font-variant:small-caps;
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	}

#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {
	width: 60px;
	margin-right:12px;
	float: left;
	}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	
#contact .shhhh, .shhhh {display:none;}








/**********  CONTACT FORM   **********/
form#quote 	{
	margin:0 auto;
	padding: 5px;
	text-align:center;
	width: 400px;
	background:#d0e6f5;
	border: 1px solid #a5cae4;	
	}	

#quote label,#quote input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	}

#quote label {
	text-align: right;
	width: 155px;
	padding-right: 5px;
	}

#quote br {clear: left;}

#quote fieldset	{
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	border: 1px solid #a5cae4;
	padding: 0px 10px 10px 10px;
	} 
	
#quote legend	{
	color:#276E37;
	font-variant:small-caps;
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	}

#quote span.state	{width:130px;float:left;text-align:right;margin-left:80px;}
	
#quote #zip {
	width: 110px;
	margin-right:0px;
	float: left;
	}
#quote #zipname	{width:27px;margin-left:13px;float:left;}
	
#quote #comments, #quote #interest	{
	display: block;
	width: 375px;
	height:70px;
	margin-bottom: 0px;
	}

textarea{overflow:auto;}
	
#quote .buttons .submit	{
	margin:15px 0 0 150px;
	}
	
#quote .shhhh, .shhhh {display:none;}