/***************************************************************************************/
/* 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; } /* Forces IE & IE to treat padding the same */
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: #dcdddf url('../images/layout/bg4.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; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ul li { list-style-type: square; }

.bordered { border: 1px solid #aeaeae; padding: 5px; }
.bordered2 { border: 1px solid #aeaeae; }

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

h1, h1 a { color: #ccac45; font-weight: normal; font-size: 18px; line-height: 18px; margin-bottom: 10px; }
h2, h2 a { color: #ccac45; font-weight: normal; font-size: 18px; line-height: 18px; margin-bottom: 10px; }
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: #333333; font-size: 12px;  line-height: 17px; }
a  { color: #000000; font: normal 12px Verdana; text-decoration: none; }
a:hover { text-decoration: underline; }

.blue { color: #0013c5; }


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

#headerImg { position: abosolute; width: 1000px; height: 213px; text-align: center; width: 100%; }

#main {
	width: 1000px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}

#logo { float: left; margin-left: 0px; margin-top: 5px; }
#nav { width: 410px; float: right; margin-top: 25px; }
#nav a { text-decoration: none; }
.homeNav { background: url('../images/nav/home.jpg') no-repeat bottom center;  height: 100px; width: 50px; float: left; }
.aboutNav { background: url('../images/nav/about.jpg') no-repeat bottom center;  height: 100px; width: 90px; float: left; }
.applicatorsNav { background: url('../images/nav/applicators.jpg') no-repeat bottom center;  height: 100px; width: 100px; float: left; }
.lubricationsNav { background: url('../images/nav/lubrications.jpg') no-repeat bottom center;  height: 100px; width: 100px; float: left; }
.supportNav { background: url('../images/nav/support.jpg') no-repeat bottom center;  height: 100px; width: 80px; float: left; }
.contactNav { background: url('../images/nav/contact.jpg') no-repeat bottom center;  height: 100px; width: 60px; float: left; }




.homeNav:hover { background: url('../images/nav/home-o.jpg') no-repeat bottom center;  }
.aboutNav:hover { background: url('../images/nav/about-o.jpg') no-repeat bottom center;  }
.applicatorsNav:hover { background: url('../images/nav/applicators-o.jpg') no-repeat bottom center;  }
.contactNav:hover { background: url('../images/nav/contact-o.jpg') no-repeat bottom center;  }
.lubricationsNav:hover { background: url('../images/nav/lubrications-o.jpg') no-repeat bottom center;  }
.supportNav:hover { background: url('../images/nav/support-o.jpg') no-repeat bottom center;  }


#body { background: url('../images/layout/body-bg-1000.png'); padding: 5px 30px 5px 30px;  }



#left { float: left; width: 680px; margin-top: 10px; }
/* #right { float: right; width: 240px; padding-left: 20px; border-width: 1px; border-color: #aeaeae; border-left-style: solid; } */
#right { float: right; width: 245px;  }

#rightNav h2 { color: #ccac45; font-weight: normal; font-size: 18px; line-height: 18px; margin: 0px 0px 5px 0px; }
#rightNav a { display: block; color: #000000; line-height: 20px; }

#footer { border-color: #aeaeae; border-width: 1px; border-top-style: solid; margin-top: 10px; padding-top: 10px; text-align: center; }
#footerNav { margin-bottom: 15px; }
	#footerNav a { color: #000000; font-weight: bold; }


#navigation {
	border:1px solid #CCCCCC;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:245px;
}

#navigation a {
	background-image: url("../images/layout/AccordionTab0.gif");
    font-family: arial;
    font-weight: bold;
    line-height: 24px;
    font-size: 11px;
    
}


#navigation a:hover {
	background-image: url("../images/layout/AccordionTab2.gif");
}

#navigation a.head {
	cursor:pointer;
	border:1px solid #AAAAAA;
/*	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;*/

	color:#000000;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation a.head:hover {
}
#navigation a.selected {

}
#navigation a.current {
	text-decoration: underline;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
    background: #FFFFFF;
    line-height: 25px;
}
#navigation li li a:hover {
	background: #FFFFFF;
	color:#000000;
    text-decoration: underline;
}












#navigation2 {
	border:1px solid #CCCCCC;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:245px;
}

#navigation2 a {
	background-image: url("../images/layout/AccordionTab0.gif");
    font-family: arial;
    font-weight: bold;
    line-height: 24px;
    font-size: 11px;
    
}



#navigation2 a:hover {
	background-image: url("../images/layout/AccordionTab2.gif");
}

#navigation2 a.head {
	cursor:pointer;
	border:1px solid #AAAAAA;
/*	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;*/

	color:#000000;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation2 a.head:hover {
}
#navigation2 a.selected {

}
#navigation2 a.current {
	text-decoration: underline;
}
#navigation2 ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation2 li {
	list-style:none outside none; display:inline;
}
#navigation2 li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
    background: #FFFFFF;
    line-height: 25px;
}
#navigation2 li li a:hover {
	background: #FFFFFF;
	color:#000000;
    text-decoration: underline;
}







#navigation3 {
	border:1px solid #CCCCCC;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:245px;
}

#navigation3 a {
	background-image: url("../images/layout/AccordionTab0.gif");
    font-family: arial;
    font-weight: bold;
    line-height: 24px;
    font-size: 11px;


}


#navigation3 a:hover {
	background-image: url("../images/layout/AccordionTab2.gif");
}

#navigation3 a.head {
	cursor:pointer;
	border:1px solid #AAAAAA;
/*	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;*/

	color:#000000;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation3 a.head:hover {
}
#navigation3 a.selected {

}
#navigation3 a.current {
	text-decoration: underline;
}
#navigation3 ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation3 li {
	list-style:none outside none; display:inline;
}
#navigation3 li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
    background: #FFFFFF;
    line-height: 25px;
}
#navigation3 li li a:hover {
	background: #FFFFFF;
	color:#000000;
    text-decoration: underline;
}


#navigation4 {
	border:1px solid #CCCCCC;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:245px;
}

#navigation4 a {
	background-image: url("../images/layout/AccordionTab0.gif");
    font-family: arial;
    font-weight: bold;
    line-height: 24px;
    font-size: 11px;


}


#navigation4 a:hover {
	background-image: url("../images/layout/AccordionTab2.gif");
}

#navigation4 a.head {
	cursor:pointer;
	border:1px solid #AAAAAA;
/*	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;*/

	color:#000000;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation4 a.head:hover {
}
#navigation4 a.selected {

}
#navigation4 a.current {
	text-decoration: underline;
}
#navigation4 ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation4 li {
	list-style:none outside none; display:inline;
}
#navigation4 li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
    background: #FFFFFF;
    line-height: 25px;
}
#navigation4 li li a:hover {
	background: #FFFFFF;
	color:#000000;
    text-decoration: underline;
}


.contactForm {  }
.contactForm th { text-align: left; width: 130px; }

