/* CSS Document */

@import "footer.css";
  
img, div {behavior: url("/images/iepngfix_v2.htc");}


div, a img { margin:0; padding:0; border:0; }

.username { font-family: Arial, Verdana, sans-serif; font-size: 10pt }
#username { font-family: Arial, Verdana, sans-serif; width: 162px }
.password { font-family: Arial, Verdana, sans-serif; font-size: 10pt }
#password { font-family: Arial, Verdana, sans-serif; width: 162px }
.search input#searchbox {font-family: Arial, Verdana, sans-serif; width: 90px }
.search input{font-size: 10px; font-family: Arial, Helvetica, sans-serif; bottom: 3px;}

p {font-size: 12px; margin: 4px 0 12px 0; padding: 0;}

ul, ol, td, li {font-size: 12px;}
ul, ol {margin: 4px 0 12px 0; padding: 0 0 0 15px;}

h1, h2, h3, h4, h5, h6 {
    color: #44697d;
    margin: 0;
    padding: 4px 0;
}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 9px; text-transform: uppercase;}

hr {border: none; border-top: 1px solid #878F93;}
.prodCategory hr {margin-right: 20px;}

sup {line-height: 0;}

.clearAll {clear:both;}
.show { display:block; }
.hide { display:none; }

a:link, a:visited {color: #6a7201;}
a:hover {color: #44697d;}


/* ------------------------------------------------------------------------------*/
/*------------------GENERAL LAYOUT ----------------------------------------------*/

body {width: 900px; margin: 0 auto; padding: 0; text-align: center; font-family: Arial, Verdana, sans-serif; background: #878f93 url("../images/backgroundPattern.gif");}

.pageContainer {position: relative; margin: 0; padding: 0; width: 900px; text-align: left; background: transparent;}

.header {position: relative; margin: 0; padding: 0; width: 900px; height: 142px; background: #44697d url("../images/header_bkgd.gif") no-repeat;}

.logo {position: absolute; top: 30px; left: 40px; width: 180px; height: 70px; margin: 0; padding: 0;}

.headerImgs {display: none; position: absolute; top: 0px; left: 555px; width: 280px; height: 114px; margin: 0; padding: 0;}

.mainNav {position: relative; margin: 0; padding: 0; top: 114px; width: 900px; height: 28px; background-color: #000; color: #fff;}

.navBar {position: relative; margin: 0; padding: 0; top: 0; width: 668px; height: 28px; float: left;}

.search {position: relative; margin: 0; padding: 0; top: 3px; width: 200px; height: 25px; float: left;}

.content {position: relative; margin: 0; padding: 0; width: 900px; background: #fff; z-index: 0;}

.main {position: relative; margin: 30px 0 0 75px; *margin-left: 30px; padding: 0; width: 750px; float: left; min-height: 460px; height: auto !important; height: 460px;}
.home .main {width: 825px; }
.footer {position: relative; top: 0; margin: 0; padding: 0; width: 900px; height: 55px; color: #ddd; background: transparent;}
/*---rest of footer definitions are in footer.css file-----*/



/* ------------------------------------------------------------------------------*/
/* --------------------Main Nav Bar----------------------------------------------*/
#navi {position: relative; margin: 0; padding: 0; top: 0; left: 0; width: 668px; height: 28px; background: url("../images/mainNav.gif"); z-index: 1000;}
#navi li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navi li, #navi a {height: 28px; display: block;}

#panel1 {left: 15px; width: 115px;}
#panel2 {left: 130px; width: 74px;}
#panel3 {left: 204px; width: 91px;}
#panel4 {left: 295px; width: 100px;}

#panel1 a:hover {background: transparent url(../images/mainNav.gif) -15px -28px no-repeat;}
#panel2 a:hover {background: transparent url(../images/mainNav.gif) -130px -28px no-repeat;}
#panel3 a:hover {background: transparent url(../images/mainNav.gif) -204px -28px no-repeat;}
#panel4 a:hover {background: transparent url(../images/mainNav.gif) -295px -28px no-repeat;}

.prod #panel1 {background: transparent url(../images/mainNav.gif) -15px -56px no-repeat;}
.msds #panel2 {background: transparent url(../images/mainNav.gif) -130px -56px no-repeat;}
.about #panel3 {background: transparent url(../images/mainNav.gif) -204px -56px no-repeat;}
.contact #panel4 {background: transparent url(../images/mainNav.gif) -295px -56px no-repeat;}
/* --------------------end of Main Nav Bar---------------------------------------*/
/* ------------------------------------------------------------------------------*/



/* ------------------------------------------------------------------------------*/
/*------------------HOME PAGE ---------------------------------------------------*/
/*.home .main {position: relative; margin: 20px 0 0 25px; *margin-left: 15px; padding: 0; width: 640px; float: left;}
*/
.rightColumn {position: relative; margin: 0; padding: 0; width: 230px; float: right;}
.rightColumn img {margin: 0 0 4px 0; _margin: 0; padding: 0;}
img.last {margin-bottom: 0;}
.columnL {position: relative; top: 150px; float: left; width: 360px; height: 200px; padding: 0; margin: 0 15px 0 0;}
.columnR {position: relative; top: 30px; float: left; width: 450px; margin: 0; padding: 0; }
.columnR img {margin: 0; padding: 0;}

.columnL p {font-size: 14px; font-weight: bold; line-height: 16px; margin: 8px 5px 16px 0;}
.columnR p {font-size: 13px; font-weight: normal; line-height: 16px; margin: 8px 5px 14px 0;}


/* ------------------------------------------------------------------------------*/
/*------------------PRODUCT PAGES -----------------------------------------------*/
.upperRightLink { position: absolute; top: -10px; left: 585px; font-size: 8pt;}
.upperRightLink a:link, .upperRightLink a:visited {color: #999; text-decoration: none;}
.upperRightLink a:hover {color: #44697d; text-decoration: underline;}

.prodCategory {position: relative; width: 750px; margin: 0; padding: 0;}
.prodImg {position: relative; float: left;  margin: 0 20px 0 0; padding: 0; width: 150px; height: 150px;}
.prodCategoryDesc {position: relative; float: left; margin: 0; padding:0; width: 550px;}
.prdLink {font-size: 12px;}

.detail .prodImg {width: 200px; height: 200px;}
.detail .prodCategoryDesc {width: 500px;}

/* ------------------------------------------------------------------------------*/
/*------------------MSDS PAGE ---------------------------------------------------*/
.errors { clear:both; padding-top:1px; color:red; }
.frmMSDS { width:500px; padding:10px; text-align:left; }
.frmMSDS div { padding:3px; margin:0 5%;   }
.frmMSDS p { float:right; width:200px; }
.msds center { padding:0  0 29px 0; }
.subtext {width: 520px; text-align: left; padding-top: 15px;}
.subtext p {margin: 8px 0;}


/* ------------------------------------------------------------------------------*/
/*------------------ABOUT US PAGE -----------------------------------------------*/
.about p {font-size: 12px; line-height: 19px; padding: 0 0 15px 0;}
img.about1 {margin: 20px 10px 20px 0;}


/* ------------------------------------------------------------------------------*/
/*------------------CONTACT US PAGE ---------------------------------------------*/
.ContactReq { color:red; }
.contact p.Contacttext { margin-left:20px; }
.contact fieldset.frmContact { clear:both; width:500px; margin:0 auto 10px auto; text-align:center; padding:10px; }
.contact fieldset.frmContact legend { font-weight:bold; }
.contact .frmContact .question { clear:left; height:29px; margin-bottom:4px;  text-align:left; margin-left:70px; }
.contact .frmContact div label { display:block; width:85px; text-align:right; padding:4px 4px 1px 0; float:left; }
.contact .frmContact div input, select { display:block; }
.contact .frmContact div input, .contact .frmContact div select, .contact .frmContact div label, .contact fieldset.frmContact legend { font-size:11px; line-height:1em; }
.contact .frmContact .txtArea .question { height:auto; }

.slots2 { clear:both; padding:0; margin:0; }
.slot { float:left; width:45%; padding:5px; margin-bottom: 30px; }


/* ------------------------------------------------------------------------------*/
/*------------------SITEMAP PAGE ------------------------------------------------*/
.sitemap_left {position: relative; top: 20px; margin: 0; padding: 0; width: 250px; float: left;}
.sitemap_center {position: relative; top: 20px; margin: 0; padding: 0; width: 250px; float: left;}
.sitemap_right {position: relative; top: 20px; margin: 0; padding: 0; width: 250px; float: left;}

ul.sitemap {margin: 0 0 0 15px; padding: 0;}
ul.sitemap ul {margin: 0 0 0 20px; padding: 0 0 10px 0;}
ul.sitemap li {margin: 0 0 15px 0; padding: 0;}

li.sitemapCategory {font-weight: bold;}
li.sitemapCategory ul li {font-weight: normal; margin: 0; margin-top: 3px; margin-bottom: 3px;}

/* ------------------------------------------------------------------------------*/
/*------------------TRAINING PAGES ------------------------------------------------*/
.bk2Course { font-size:11px; margin-top:15px; }
.red { color:red; }
.servWrap, .servWrap p, .servWrap td { font-size:12px; line-height:19px; }
table.tblserv2 { width:500px; }
.tblserv2 th, .tblserv2 td { vertical-align:top; }
.tblserv2 th { width:100px; text-align:right; padding-right:8px; }
.tblserv2 td ul, .tblserv2 td ol { margin:0; padding:0; list-style:none; }