/* Sentinel Fluid Controls, LLC CSS Document */

/* Template styles (on each page layout) */
.mainBody { margin: 0px; }

/* HEADER */
.mainLogoLink { border-style: none; z-index: 1; position: absolute; top: 0px; left: 0px; }
.topBannerBackground { position: absolute; z-index: 0; top: 0px; left: 0px; }
.headerBar { width: 100%; height: 20px; background-color: #CCCCCC; position: absolute; top: 105px; left: 0px; z-index: 1;
			 border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

/* HEADER LINKS */
.topNavTabsTable { width: 450px; padding: 0px; position: absolute; left: 325px; top: 3px; }
.tabsTableTD { width: 15%; text-align: center; }
.tabsTableAngleTD { width: 2%; }
.topNavTab { font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; }
a.topNavTab:link { color: #444488; text-decoration: none; }
a.topNavTab:visited { color: #444488; text-decoration: none; }
a.topNavTab:hover { color: #FFA500; text-decoration: none; }
a.topNavTab:active { color: #FFA500; text-decoration: none; }
.officeNavDiv { width: 770px; text-align: right; }
.officeNav { font-family: Verdana, Arial, sans-serif; font-size: 8pt; font-weight: bold; }
.officeNav a:link { color: #444488; text-decoration: none; }
.officeNav a:visited { color: #444488; text-decoration: none; }
.officeNav a:hover { color: #FFA500; text-decoration: none; }
.officeNav a:active { color: #FFA500; text-decoration: none; }

/* SIDE-NAV */
.navlist { padding: 0px 1px 1px; margin-left: 0px; font: bold 12px Verdana, Arial, sans-serif; background: gray; width: 170px;
		   position: absolute; top: 125px; left: 0px; }
.navlist div { margin: 0px; border-top: 1px solid gray; text-align: left; }
.navlist #firstItem { margin: 0px; border-top: 1px solid gray; text-align: left; 
					  border-left: 1em solid #AAAABB; background-color: #CCCCDD; }
.navlist #login { height: 100px; margin: 0px; border-top: 1px solid gray; text-align: left; padding: 0.25em 0.5em 0.25em 0.75em;
					 border-left: 1em solid #AAAABB; background-color: #CCCCDD; }
.loginInstructions { color: #444488; }
.loginButton { background-color: #CCCCDD; border: 0px solid grey; font-family: Verdana, Arial, sans-serif; font-size: 10pt;
			   color: #444488; font-weight: bold; padding-left: 2.5em; cursor: pointer; }
.navlist #lastItem { height: 550px; margin: 0px; border-top: 1px solid gray; text-align: left;
					 border-left: 1em solid #AAAABB; background-color: #CCCCDD; }
.navlist .blankItem { display: block; padding: 0.25em 0.5em 0.25em 0.75em; margin: 0px; border-top: 1px solid gray; 
					  text-align: left; border-left: 1em solid #AAAABB; background-color: #CCCCDD; }
.navlist div a { display: block; padding: 0.25em 0.5em 0.25em 0.75em; border-left: 1em solid #AAAABB; 
				 background-color: #CCCCDD; text-decoration: none; }
.navlist div a:link { color: #444488; }
.navlist div a:visited { color: #444488; }
.navlist div a:hover { border-color: #FFA500; color: #FFFFFF; background: #333322; }
.navlist div a:active { color: #444488; }
.navlist .legalBlankItem { height: 100px; display: block; padding: 0.25em 0.5em 0.25em 0.75em; margin: 0px; border-top: 1px solid gray; 
					  text-align: left; border-left: 1em solid #AAAABB; background-color: #CCCCDD; }
.navlist .legalItems { text-align: left; background-color: #CCCCDD; font-size: 8pt; font-weight: normal; }
.navlist .legalItems a { display: inline; padding: 0em; border-left: 0em; background-color: #CCCCDD; text-decoration: none; }
.navlist .legalItems a:link { color: #444488; }
.navlist .legalItems a:visited { color: #444488; }
.navlist .legalItems a:hover { color: #FFA500; background: #CCCCDD; }
.navlist .legalItems a:active { color: #444488; }
.navlist .legalItems .borderContainer { display: block; padding: 0.25em 0.5em 0.25em 0.75em; margin: 0px; border-top: 0px solid gray; 
					  					text-align: left; border-left: 1.1em solid #AAAABB; background-color: #CCCCDD; }

/* CONTENT */
.content { width: 580px;  position: absolute; top: 150px; left: 185px; }
.contentHeader { font-size:16px; font-family: Verdana, Arial, sans-serif; font-weight: bold; width: 100%; height: 22px; 
				 position: relative; top: 0px; left: 0px; margin-bottom:6px; border-bottom: 1px solid #000000; }

/* GENERAL */
/*a { color: black; text-decoration: none; }*/
p { font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size: 10pt; vertical-align: top; }
li { font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size: 10pt; vertical-align: top; }
h1, h2, h3, h4, h5 { font-family: Verdana, Arial, sans-serif; }
.imageFloatRight { float: right; margin: 10px 0px 0px 10px; font-family: Arial, sans-serif; font-size: 8pt; font-weight: bold; }
.imageFloatLeft { float: left; margin: 0px 10px 10px 0px; font-family: Arial, sans-serif; font-size: 8pt; font-weight: bold; }
.imageBorder { padding: 2px; border: 1px solid #000000; }
.imageLink { border-style: none; }
.bold { font-weight: bold; }
a.topLink:link { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #444488; text-decoration: none; }
a.topLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #444488; text-decoration: none; }
a.topLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #FFA500; text-decoration: none; }
a.topLink:active { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #FFA500; text-decoration: none; }

/* Individual styles (for specific usage) */
/* products.html  & productsbytype.html*/
.vendorTable { width: 100%; }
.stdLinecardLink { position: relative; top: 0px; left: 125px; font-weight: normal; font-size: 10pt; }
.altLinecardLink { position: relative; top: 0px; left: 125px; font-weight: normal; font-size: 10pt; }
.vendorName { width: 30%; font-family: Verdana, Arial, sans-serif; font-size: 10pt; text-align: left; vertical-align: top; }
.vendorDescription { width: 55%; font-family: Verdana, Arial, sans-serif; font-size: 10pt; vertical-align: top; }
.vendorLink { width: 15%; font-family: Verdana, Arial, sans-serif; font-size: 10pt; vertical-align: top; text-align: center; }
.productType { width: 50%; font-family: Verdana, Arial, sans-serif; font-size: 10pt; text-align: left; vertical-align: top; }
.vendorList { width: 50%; font-family: Verdana, Arial, sans-serif; font-size: 10pt; vertical-align: top; }
.vendorList ul { margin: 0px; }
.vendorRow0 { background-color: #CCCCDD; }
.vendorRow1 {  }
a.altViewLink { font-family: Verdana, Arial, sans-serif; font-size: 10pt; text-decoration: none; }
a.altViewLink:link { color: #444488 }
a.altViewLink:visited { color: #444488; }
a.altViewLink:hover { color: #FFA500; }
a.altViewLink:active { color: #FFA500; }

/* contact.html */
.officeHeadline { font-family: Verdana, Arial, sans-serif; font-size: 10pt; font-weight: bold; width: 100%; height: 22px; 
				  position: relative; top: 0px; left: 0px; border-bottom: 1px solid #000000; }
.contactBlockDiv { position: relative; top: 0px; left: 0px; }
.corporateContactBlockDiv { position: relative; top: 0px; left: 0px; height: 250px; }
.addressBlock { font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size: 10pt; vertical-align: top; }
.contactsBlock { font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size: 10pt; vertical-align: top;
			     position: absolute; top: 0px; left: 225px; }
a.directionsLink { font-family: Verdana, Arial, sans-serif; font-size: 10pt; text-decoration: none;
				   position: absolute; top: 0px; left: 450px; }
a.directionsLink:link { color: #444488; }
a.directionsLink:visited { color: #444488; }
a.directionsLink:hover { color: #FFA500; }
a.directionsLink:active { color: #FFA500; }

/* company.html */

/* sitemap.html */
.siteMapHeader { font-family: Verdana, Arial, sans-serif; font-size: 11pt; text-decoration: none; font-weight: bold; }
img.siteMapIndenters { vertical-align: bottom; }
a.siteMapLink { font-family: Verdana, Arial, sans-serif; font-size: 10pt; text-decoration: none; }
a.siteMapLink:link { color: #444488 }
a.siteMapLink:visited { color: #444488; }
a.siteMapLink:hover { color: #FFA500; }
a.siteMapLink:active { color: #FFA500; }

/* index.html */
a.img { width: 134px; height: 134px; display: block; text-decoration: none;}

#eng { background-image: url(/images/eng_sep.jpg); background-repeat: no-repeat;}
#eng:hover { background-image: url(/images/eng_col.jpg); background-repeat: no-repeat;}

#str { background-image: url(/images/str_sep.jpg); background-repeat: no-repeat;}
#str:hover { background-image: url(/images/str_col.jpg); background-repeat: no-repeat;}

#fld { background-image: url(/images/fld_sep.jpg); background-repeat: no-repeat;}
#fld:hover { background-image: url(/images/fld_col.jpg); background-repeat: no-repeat;}

#ihr { background-image: url(/images/ihr_sep.jpg); background-repeat: no-repeat;}
#ihr:hover { background-image: url(/images/ihr_col.jpg);  background-repeat: no-repeat;}

#cap { background-image: url(/images/cap_sep.jpg); background-repeat: no-repeat; }
#cap:hover { background-image: url(/images/cap_col.jpg); background-repeat: no-repeat;}

#sys { background-image: url(/images/sys_sep.jpg); background-repeat: no-repeat;}
#sys:hover { background-image: url(/images/sys_col.jpg); background-repeat: no-repeat;}

.imgTable td { border: 1px solid black;}
.imgTable {border: 1px solid black;}