/* CSS Document */

@import "footer.css";

img, div {behavior: url("/refinish/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: 144px; 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 {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; border-top: 2px solid #f0ab00; 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: 45px; padding: 0; width: 750px; float: left; min-height: 460px; height: auto !important; height: 460px;}

.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: 150px;}
#panel2 {left: 165px; width: 158px;}
#panel3 {left: 323px; width: 71px;}
#panel4 {left: 394px; width: 90px;}
#panel5 {left: 484px; width: 104px;}

#panel1 a:hover {background: transparent url(../images/mainNav.gif) -15px -28px no-repeat;}
#panel2 a:hover {background: transparent url(../images/mainNav.gif) -165px -28px no-repeat;}
#panel3 a:hover {background: transparent url(../images/mainNav.gif) -323px -28px no-repeat;}
#panel4 a:hover {background: transparent url(../images/mainNav.gif) -394px -28px no-repeat;}
#panel5 a:hover {background: transparent url(../images/mainNav.gif) -484px -28px no-repeat;}

.prod #panel1 {background: transparent url(../images/mainNav.gif) -15px -56px no-repeat;}
.train #panel2 {background: transparent url(../images/mainNav.gif) -165px -56px no-repeat;}
.msds #panel3 {background: transparent url(../images/mainNav.gif) -323px -56px no-repeat;}
.about #panel4 {background: transparent url(../images/mainNav.gif) -394px -56px no-repeat;}
.contact #panel5 {background: transparent url(../images/mainNav.gif) -484px -56px no-repeat;}
/* --------------------end of Main Nav Bar---------------------------------------*/
/* ------------------------------------------------------------------------------*/



/* ------------------------------------------------------------------------------*/
/*------------------HOME PAGE ---------------------------------------------------*/
.home .content {background: #dadada url("../images/mainBkgd.jpg") no-repeat;}
.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;}
img.about1 {border: 1px solid #44697d; margin: 20px 10px 20px 0;}
.columnL {position: relative; top: -5px; float: left; width: 410px; height: 255px; padding: 0; margin: 0 15px 0 0; border-right: 2px solid #44697d;}
.columnR {position: relative; float: left; width: 210px; 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;}


/* ------------------------------------------------------------------------------*/
/*------------------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; }

.Headline {
			font-family: Gill Sans, Arial, Verdana, sans-serif;
			font-weight: bold;
			font-size: 29px;
			color: #003366;
			margin-top: 6px;
			margin-bottom: 17px;
			text-align: left;
			text-decoration: none;
			margin-left: 10px } 	

.Bodytext { 
			font-family: Gill Sans, Arial, Verdana, sans-serif;
			font-weight: normal;
			font-size: 12px;
			color: #333333;
			margin-top: 2px;
			margin-bottom: 4px;
			text-align: left;
			text-decoration: none;
			line-height: 17px;
			margin-left: 15px;
			margin-right: 25px }