/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Verdana;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px;  background: url('../images/layout/body-bg.jpg') repeat-x top center; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


#map_canvas * {  -moz-box-sizing:content-box; }


object:active, div:active { outline: none; }
object:focus, div:focus { -moz-outline-style: none; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }




.bordered { border: 1px solid #33CCFF; }

a  { color: #666666; font: normal 12px Verdana; text-decoration: underline; }
a:hover { text-decoration: underline; color: #111111; }
a:focus, a:active { outline: 0;}


h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1, h1 a { color: #6cb345; font-size: 24px; line-height: 30px; margin: 0px 0px 8px 0px; font-weight: normal; }
h2, h2 a { color: #666666; font-size: 15px; margin: 0px 0px 15px 0px; text-decoration: none; font-weight: bold; }
h3, h3 a { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #666666; font-size: 12px; line-height: 17px; }


.blue { color: #2699aa; }
.green { color: #6cb345; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#header-container {  height: 89px; }
#header { width: 982px; margin: 0px auto; }

#logo { float: left; margin-top: 20px; border: none; }


#main {
	width: 942px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
    background: url('../images/layout/content-bg.jpg') no-repeat top center;
    margin-top:  0px;
}

#c { padding: 34px 34px 20px 34px;  }


#nav { float: left; width: 630px; text-align: center; margin-top: 62px; color: #9ccdd1;  margin-left: 35px; }
#nav a { color: #FFFFFF; padding: 0px 2px 0px 2px; text-decoration: none; }

#nav a:hover, #nav a.o { color: #fbb040; }


#nav-right { float: right; width: 140px; text-align: right; color: #9ccdd1; margin-top: 35px; }
#nav-right a { color: #FFFFFF; padding: 0px 2px 0px 2px; text-decoration: none; }



#nav3 { width: 900px; margin: 0px auto; margin-top: 20px; }
#nav3 a { background: url('../images/layout/green-button.png') no-repeat; width: 130px; height: 22px; float: right; text-align: center; line-height: 22px; text-decoration: none; color: #FFFFFF; margin-right: 10px; }

#nav3 a:hover, #nav3 a.o { color: #fbb040; }

#home-box { background: url('../images/home-box.jpg'); height:149px; width: 274px; float: left; margin-right: 24px; margin-bottom: 20px;  }
#home-box div { padding: 15px 18px 0px 18px; color: #666666; font-size: 12px; }
#home-box b { font-size: 14px; margin-bottom: 5px; display: block }
#home-box img { border: none; }
#home-box a { text-decoration: none; }
#home-box a:hover { text-decoration: underline; }


#footer { color: #6cb345;; font-size: 11px; text-align: right; line-height: 14px;}



.table1 { border-color: #00788b; border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; }
.table1 th { background: #00788b; color: #FFFFFF; font-weight: normal; text-align: left; }
.table1 td { color: #2699aa; }
.table1 td { padding: 5px 8px 5px 8px; border-color: #00788b; border-width: 1px; border-bottom-style: solid; }
.table1 th { padding: 5px 15px 5px 15px; border-color: #00788b; border-width: 1px; border-bottom-style: solid; }
.table1 ul { margin: 4px 15px; line-height: 15px; }


#search-table {  }
#search-table td { padding: 4px 10px 4px 10px; color: #000000; border-color: #CCCCCC; border-width: 1px; border-bottom-style: solid; }
.green-bg td { background: #dfead2; }


#msds-table {  }
#msds-table td { padding: 4px 10px 4px 10px; color: #000000; border-color: #CCCCCC; border-width: 1px; border-bottom-style: solid; }


.frm {  }
.frm td {  }
.frm th { padding-right: 10px; text-align: right; }
.frm th, .frm td { padding-bottom: 8px; }


.quote_form th { color: #00788b; text-align: right; font-weight: normal; }