/* 
/	Filamatic CSS Document
/	Author: (Michael A. Karr - mike[at]advp.com) Adventure Web Productions - http://www.advp.com
/	Date: 02/08/2007
/	Archives: Computer Name Where Files Are Stored
*/


/* [ Globals ] */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	/* Center Website for IE */
	text-align: center;
	background: url(../images/mainBackground2.jpg) repeat;
}

p {
	margin: 0px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

p.library {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding:5px 10px;
}

a {
	color: #080345;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 16px;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	margin: 0px 0px 10px 0px;
	text-transform: capitalize;
	font-weight: bold;
	font-variant: small-caps;
}

h2 {
	font-size: 14px;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	font-variant: small-caps;
}

h3 {
	font-size: 12px;
	color: #080345;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size:12px;
	color:#fff;
	font-weight:bold;
	padding:5px 0;
}


/* [ Class Library ] */

.lastNav {
	border: none !important;
}

.imgBorder {
	border: 5px solid #FFFFFF;
}

.odd {
	background: #EAEAEA;
}

.even {
	background: #FFFFFF;
}

/* [ Wrapper ] */

#wrapper {
	position: relative;
	/* Center Website Container */
	margin: 0 auto;
	/* Reset Text Align */
	text-align: left;
	width: 750px;
}

/* [ Border ] */

#border {
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	float: left;
	position: relative;
}

/* [ Background ] */

#background {
	float: left;
	width: 100%;
	background: url(../images/mainBackground.jpg) repeat;
}

/* [ Header ] */

#header {
	background: url(../images/headerBackground.jpg) repeat-x;
	padding: 21px;
}

.languageSelector {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 3px 0px 0px;
}

/* [ Top Links ] */

#topLinks {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

#topLinks li {
	list-style: none;
	display: inline;
}

#topLinks li a {
	color: #FFFFFF;
	padding: 0px 10px;
}

/* [ Main Navigation ] */

#mainNavigation {
	background: url(../images/navBackground.jpg) repeat-x;
	position: relative;
	width: 736px;
	padding: 0px 5px;
	float: left;
}

/* all lists */
#nav, #nav ul { 
	list-style: none;
	z-index: 1;
}

#nav li a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	padding: 5px 12px;
	background: url(../images/navButtonOff.jpg) repeat-x;
	margin: 2px 0px;
}

#nav li a:hover {
	color: #FFFFFF;
	background: url(../images/navButtonOn.jpg) repeat-x;
}

#nav li ul li, #nav li ul li ul li {
	clear: both;
}

#nav li ul li a, #nav li ul li ul li a {
	color: #FFFFFF;
	width: relative;
	padding: 4px 10px;
	background-image: none !important;
	background-color: #29366A;
	margin: 0 !important;
}

#nav li ul li a:hover, #nav li ul li ul li a:hover {
	color: #FFFFFF;
	background: #080345;
}

/* all list items */
#nav li { 
	float: left;
}

/* second-level lists */
#nav li ul { 
	position: absolute;
	background: #29366A;
	z-index:1;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#nav li ul ul { 
	margin: -15px 0 0 152px;
	// margin: -15px 0 0 130px;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul
{
	left: -999em;
}
#nav ul.productDD2 {
	border:1px solid #fff;
	width:200px;
	position:absolute;
	top:15px;
	left:305px;
	z-index:1000000;
	display:block;
}

/* lists nested under hovered list items */
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul
{ 
	left: auto;
}

#nav li ul li.sfhover {
	position:relative;
	z-index:1000000000000;
}

/* [ Sticky Nav ] */

#home .home,
#aboutUs .aboutUs,
#productSearch .productSearch,
#industries .industries,
#quoteRequest .quoteRequest,
#customerLibrary .customerLibrary
{
	color: #FFFFFF;
	background: url(../images/navButtonOn.jpg) repeat-x;
}

#productSearchDD li {
	width:320px;
	position:relative;
}
#productSearchDD li ul li {
	width:200px;
	z-index:20px;
}
/* [ Main Content Block ] */

#contentContainer {
	padding: 7px 5px;
	background: #FFFFFF;
	clear: both;
	width: 736px;
	float: left;
	position: relative;
}

/* [ Flash Presentation ] */

#flash {
	float: left;
	width: 488px;
}

/* [ Side Box ] */

.sideBox {
	float: right;
	width: 234px;
	padding: 3px;
	background: url(../images/sideBoxBackground.jpg) top repeat-x;
}

.sideBox h2 {
	color: #FFFFFF;
	font-size: 12px;
	background: #080345;
	text-transform: uppercase;
	padding: 3px 10px;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
}

.sideBoxContent {
	padding: 10px;
	z-index:1;
}

.sideBoxContent h3 {
	color: #000000;
	text-transform: capitalize;
	font-style: normal;
}

.sideBoxContent h4 {
	color: #000000;
	text-transform: capitalize;
	font-style: normal;
}

/* [ Search Box ] */

.searchText {
	color: #000000;
	width: 220px;
	border: 1px solid #CCCCCC;
	margin: 5px 0px 0px 6px;
}

.searchSelect {
	color: #000000;
	width: 222px;
	border: 1px solid #CCCCCC;
	margin: 5px 0px 0px 6px;
}

#advancedSearch {
	margin: 10px 0px 0px 0px;
	text-align: center;
}

/* [ Search Page ] */

#searchFormContainer {
	
}

/* [ Middle Row ] */

#middleRow {
	clear: both;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	float: left;
	padding: 10px 0px;
	width: 736px;
	position: relative;
}

#welcomeContent {
	float: left;
	width: 468px;
	padding: 0px 10px;
}

#welcomeContent ul {
	margin: 10px 0px;
}

#welcomeContent li {
	margin: 0px 0px 0px 20px;
}

/* [ Bottom Row ] */

#bottomRow {
	clear: both;
	float: left;
	padding: 10px 0px;
	width: 736px;
	position: relative;
}

.pod {
	width: 228px;
	float: left;
	background: url(../images/sideBoxBackground.jpg) top repeat-x;
	padding: 5px;
	margin-right: 10px;
}

.pod h2 {
	margin: 0px 0px 10px 0px;
	padding: 0;
	background: url(../images/sideBoxCorner.gif) right no-repeat;
	color: #080345;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
}

.pod img {
	float: left;
	margin: 0px 6px 6px 0px;
}

/* [ Footer ] */

#footer {
	color: #FFFFFF;
	background: url(../images/footerBackground.jpg) top repeat-x #7C89BD;
	padding: 10px;
	clear: both;
	float: left;
	width: 716px;
	margin: 7px 0px 0px 0px;
	z-index: 100;
}

#footer p {
	font-weight: bold;
	margin: 0px 10px 0px 10px;
}

#footerNav {
	margin: 0px 0px 10px 0px;
}

#footerNav li {
	list-style: none;
	display: inline;
}

#footerNav li a {
	color: #FFFFFF;
	padding: 0px 10px;
	border-right: 1px solid #FFFFFF;
}

#footerNav li ul li {
	clear: both;
}

#footerNav li ul li a {
	color: #FFFFFF;
	width: 150px;
	padding: 4px 10px;
	border-bottom: 1px solid #FFFFFF;
	background-image: none !important;
	background-color: #29366A;
	margin: 0 !important;
}

#footerNav li ul li a:hover {
	color: #FFFFFF;
	background: #080345;
}

/* all list items */
#footerNav li { 
	float: left;
}

/* second-level lists */
#footerNav li ul { 
	position: absolute;
	background: #D7BFE7;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#footerNav li ul ul { 
	margin: -15px 0 0 152px;
	// margin: -15px 0 0 130px;
}

#footerNav li:hover ul ul,
#footerNav li:hover ul ul ul,
#footerNav li.sfhover ul ul,
#footerNav li.sfhover ul ul ul
{
	left: -999em;
}

/* lists nested under hovered list items */
#footerNav li:hover ul,
#footerNav li li:hover ul,
#footerNav li li li:hover ul,
#footerNav li.sfhover ul,
#footerNav li li.sfhover ul,
#footerNav li li li.sfhover ul
{ 
	left: auto;
}


/* [ Sub Page Styles ] */

#mastHead {
	margin: 0px 0px 0px 0px;
	position:relative;
}

#contentWrapper {
	padding: 10px;
	float: left;
	width: 690px;
}

#contentWrapper #center, #contentWrapper #center p {
	text-align:center;
}

#contentWrapper li {
	list-style: outside;
	margin: 0px 0px 0px 20px;
}

#bodyContent {
	float: left;
	background: url(../images/bodyBackground.jpg) bottom no-repeat #E8E8ED;
	width: 716px;
	padding: 10px;
	position: relative;
}

#bodyContent p {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#bodyLeftCol {
	width: 367px;
	float: left;
}

#bodyLeftCol p {
	width: 310px;
	margin: 0px 0px 10px 30px;
}

#bodyLeftCol h1 {
	margin: 10px 0px 10px 20px;
	font-variant: small-caps;
}

#bodyRightCol {
	width: 330px;
	float: right;
	background: #FFFFFF;
	padding: 5px;
}

/* [ Section Content ] */

.sectionContent {
	padding: 10px;
}

#dataFormContainer ul {
	width: 50%;
}

#dataFormContainer li {
	clear: both;
	list-style: none;
	margin: 10px 0px;
}

#dataFormContainer label {
	font-weight: bold;
	margin: 0px 10px 0px 0px;
}

#dataFormContainer span {
	font-weight: bold;
	margin: 0px 0px 0px 5px;
}

#dataFormContainer h1 {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #000000;
}



/* [ Data Tables ] */

#dataTable th {
	font-weight: bold;
	text-align: left;
	padding: 5px 10px;
	vertical-align: middle;
	background: #EAEAEA;
	border-bottom: 1px solid #CCCCCC;
}

#dataTable td {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 10px;
	vertical-align: top;
}

#dataManagement h1 {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #000000;
}

#dataViewTable {
	border-top: 1px solid #CCCCCC;
	margin: 10px 0px 10px 0px;
}

#dataViewTable .td1 {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	width: 150px;
	padding: 3px 10px 3px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#dataViewTable .td2 {
	padding: 3px 10px 3px 10px;
	border-bottom: 1px solid #CCCCCC;
}

#dataActionTable {
	border: 1px solid #000000;
	background: #FFFFCC;
}

.actionContainer {
	float: left;
	width: 667px;
	padding: 4px 10px 4px 10px;
	margin: 5px 0px 10px 0px;
	border: 1px solid #000000;
	background: #FFFFCC;
}

#dataActionTable .td1 {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	width: 150px;
	padding: 3px 10px 3px 10px;
	border-right: 1px solid #000000;
}

#dataActionTable .td2 {
	padding: 3px 10px 3px 10px;
}

/* [ Form Styles ] */

.textareaDescr {
	width: 100%;
}

/* [ Action Buttons ] */

.cancelButton {
	width: 150px;
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 5px;
}

.goButton {
	width: 150px;
	color: #339900;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 5px;
}

/* [ Search Records ] */

#searchRecords {
	margin: 15px 0px;
}

#searchRecords label {
	font-weight: bold;
	margin: 0px 10px 0px 0px;
}

#searchRecords .searchBox {
	width: 200px;
	margin: 0px 10px 0px 0px;
}

#searchRecords .submitButton {
	width: 200px;
}





/* [[[[[[[[[[ KEEP AT BOTTOM ]]]]]]]]]] */

/* [ Optimization Content ] */

#opt {
	display: none;
}