@charset "utf-8";
@import url("reset.css");

/* CSS Document */
html {
    height: 101%;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #707172;
	line-height: 16px;
}
body {
	margin: 0px;
	padding: 0px;
	border: 0;
    height: 100%;
	background-image: url(images/Background.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #f3f3f3;
}
a:link {
	color: #0058a8;
	text-decoration: none;
}
a:visited {
	color: #0058a8;
	text-decoration: none;
}
a:hover {
	color: #F00;
	text-decoration: underline;
}
p {
	margin-top: 0px !important;
	margin-bottom: 8px !important;
}
#wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	padding:0;
	border:0;
}
.push {
	height: 0px;
}

#Footer {
	position: relative;
	height:30;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	font-size: 7pt;
	left: 0px;
	top: 650px;
	visibility: hidden;
}
#Footer span {
	color: #0058a8;
}
#Footer a {
	color: #0058a8;
	text-decoration: none;
}
#Footer a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#Footer .OrdersText {
	float: left;
	width: auto;
	margin-right: 22px;
}
#Footer .Terms {
	float: left;
	margin-right: 22px;
}
#Footer .Copywrite {
	float: left;
	margin-right: 22px;
}
#Footer .ContentMan {
	float: right;
	margin-right: auto;
	margin-left: auto;
	height: 11px;
	width: 11px;
	background-image: url(images/Padlock.gif);
	background-repeat: no-repeat;
	margin-top: 2px;
}
.hidden {
	display: none;
}
.PageContainer {
	height: auto;
	top: 0px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.LastDiv {
	width: 100$;
	position: relative;
	height: 10px;
	margin-top: 280px;
	float: left;
	left: 0px;
}
.EndOfPage {
	position: relative;
	height: auto;
	width: 90%;
}
.Header {
	background-image: url(images/Header.jpg);
	height: 100px;
	width: 950px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.LogoContainer {
	position: absolute;
	height: 100px;
	width: 171px;
	left: 0px;
	top: 0px;
	cursor:pointer;
}
.SearchToolContainer {
	position: relative;
	height: 26px;
	width: 210px;
	left: 720px;
	top: 74px;
}
.SearchTool {
	background-image: url(images/SearchToolBackGround.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 21px;
	width: 202px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 8pt;
	line-height: 18px;
	text-indent: 6px;
}
.FindUsRollover {
	background-image: url(images/SearchToolBackGround.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 202px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 8pt;
	line-height: 18px;
	text-indent: 6px;
	background-color: #c9dfee;
}
#MenuContainer {
	position: absolute;
	height: 30px;
	width: 950px;
	left: 0px;
	top: 101px;
}
.MenuActive {
	color: #0058a8;
	background-color: #bfd5e9;
}
.HomeButton {
	font-weight: bold;
	background-color: #707172;
	text-indent: 10px;
	float: left;
	height: 30px;
	width: 171px;
	position: relative;
	color: #FFF;
	font-size: 8pt;
	line-height: 30px;
	cursor: pointer;
}
#MenuContainer div:hover {
	background-color: #0058a8;
}
.SiteButton {
	font-weight: bold;
	background-color: #707172;
	text-indent: 10px;
	float: left;
	height: 30px;
	position: relative;
	color: #FFF;
	font-size: 8pt;
	line-height: 30px;
	cursor: pointer;
}
.SiteButtonActive {
	font-weight: bold;
	background-color: #0058a8;
	text-indent: 10px;
	float: left;
	height: 30px;
	position: relative;
	color: #FFF;
	font-size: 8pt;
	line-height: 30px;
	cursor: pointer;
}
#LeftMenuContainer {
	position: absolute;
	height: 585px;
	width: 171px;
	left: 0px;
	top: 131px;
}
#LeftMenuContainer .LeftMenus {
	margin-top: 28px;
	position: relative;
	left: 0px;
	top: 0px;
	width: 145px;
	background-repeat: no-repeat;
	height: auto;
	overflow: hidden;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #80acd3;
}
div.sdmenu {
	width: 145px;
	z-index: 50;
}
div.sdmenu div {
	overflow: hidden;
	z-index: 5;
}
div.sdmenu div.collapsed {
	height: 30px;
	color: #ffffff;
	z-index: 5;
}
div.sdmenu div  span {
	color: #4e504d;
	font-weight: bold;
	width: 145px !important;
	text-indent: 15px;
	line-height: 28px;
	height: 30px !important;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #80acd3;
	display: block;
	cursor:pointer;
	z-index: 5;
}
div.sdmenu div span:hover {
	background-color: #0058a8;
	color: #FFF;
}
div.sdmenu div a {
	background-image: url(images/BulletArrow.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	background-color: #FFFFFF;
	display: block;
	width: 145px;
	text-decoration: none;
	color: #0058a8;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #80acd3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}
div.sdmenu div a:hover {
	background-image: url(images/BulletArrow.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	background-color: #c9dfee;
}
div.sdmenu div .rollover {
	background-image: url(images/BulletArrow.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	background-color: #c9dfee;
}
.RollOutMenu {
	padding-top: 4px;
	height: 16px;
	float: left;
}
div.sdmenu div span.current {
	color: #FFF;
}

div.sdmenu div a.current {
	background-color: #c9dfee;
}
.OasisContainer {
	margin-top: 48px;
	width: 100%;
	line-height: 14px;
}
.OasisContainer img {
	margin-bottom: 5px;
}
#BreadCrumb {
	line-height: 26px;
	color: #707172;
	height: 30px;
	width: 549px;
	position: absolute;
	left: 173px;
	top: 130px;
}
#BreadCrumb .Pipe {
	line-height: 18px;
	color: #297dbd;
}
#BreadCrumb a {
	color: #707172;
	text-decoration: none;
}
#BreadCrumb a:hover {
	color: #F00;
	text-decoration: underline;
}

#HpImage {
	background-repeat: no-repeat;
	background-position: left top;
	height: 307px;
	width: 504px;
	position: absolute;
	left: 173px;
	top: 158px;
}
#HpImage .HPVineette {
	background-image: url(images/HpVinette.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	position: relative;
	height: auto;
	width: 260px;
	left: 244px;
	top: 43px;
}
.VinetteTextContainer {
	color: #FFF;
	height: auto;
	width: 245px;
	margin-top: 16px;
	text-align: right;
	padding-bottom: 8px;
}
.VinetteTextContainer a {
	color: #FFF;
	text-decoration: none;
}
.VinetteTextContainer a:hover {
	color: #F00;
	text-decoration: none;
}

#HpImage .HPVineette h1 {
	font-size: 15pt;
	font-weight: bold;
	line-height: 24px;
}
#HpImage .HPVineette h2 {
	font-size: 9pt;
	font-weight: bold;
	line-height: 18px;
	margin-top: 4px;
}
#LatestNews {
	background-color: #FFF;
	position: absolute;
	height: 103px;
	width: 503px;
	left: 173px;
	top: 479px;
}
.LatestNewsHeading {
	font-size: 14pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	width: 473px;
	left: 15px;
	top: 8px;
}
.NewsBox {
	position: relative;
	height: 70px;
	width: 473px;
	left: 15px;
}
.LatestNewsBegin {
	position: relative;
	height: 1px;
	width: 473px;
	left: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0058a8;
	margin-top: 15px;
}
#LatestNews .NewsBox li {
	list-style-type: none;
	float: left;
	list-style-image: none;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0058a8;
	width: 100%;
	line-height: 20px;
}
#LatestNews .NewsBox span {
	color: #707172;
}
#LatestNews .DateNews {
	width: 45px;
	position: relative;
	display: inline-block;
}

#LatestNews .NewsBox a {
	color: #0058a8;
	text-decoration: none;
}
#LatestNews .NewsBox a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#LatestEnewsButton {
	background-image: url(images/BevelButtonUp.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	height: 25px;
	width: 244px;
	left: 173px;
	top: 595px;
	cursor:pointer;
	text-align: center;
	line-height: 24px;
	color: #4e504d;
}
#SubscribeForNews {
	background-image: url(images/BevelButtonUp.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	height: 25px;
	width: 244px;
	left: 433px;
	top: 595px;
	cursor:pointer;
	text-align: center;
	line-height: 24px;
	color: #4e504d;
}

#LatestEnewsButton:hover {
	color: #FFF;
	background-image: url(images/BevelButtonOver.gif);
	background-repeat: no-repeat;
}
#LatestEnewsButton:active {
	color: #F00;
	background-image: url(images/BevelButtonDn.gif);
	background-repeat: no-repeat;
}
#SubscribeForNews:hover {
	color: #FFF;
	background-image: url(images/BevelButtonOver.gif);
	background-repeat: no-repeat;
}
#SubscribeForNews:active {
	color: #FFF;
	background-image: url(images/BevelButtonOver.gif);
	background-repeat: no-repeat;
}
#RightColumn {
	background-color: #FFF;
	position: absolute;
	height: 381px;
	width: 245px;
	left: 705px;
	top: 239px;
}
#FindUsContainer {
	background-color: #FFF;
	overflow: hidden;
	position: absolute;
	height: 68px;
	width: 245px;
	left: 705px;
	top: 158px;
}
#FindUsContainer .FindUsLabel {
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #0058a8;
	position: relative;
	height: 20px;
	width: 100%;
	left: 15px;
	top: 0px;
	text-indent: 15px;
}
#FindUsContainer .FindUsForm {
	position: relative;
	height: 24px;
	width: 100%;
	left: 15px;
	margin-top: 13px;
}
#FindUsContainer .SearchTool {
	line-height: 20px;
}
#RightColumn .ProductBox {
	overflow: hidden;
	position: relative;
	height: 126px;
	width: 230px;
	left: 15px;
	top: 0px;
}
.ProductText {
	height: auto;
	width: 110px;
	margin-top: 10px;
	float: left;
	position: relative;
	line-height: 14px;
}
.ProductText h1 {
	font-size: 11pt;
	font-weight: bold;
	color: #0058a8;
	line-height: 16px;
}
.ProductText a {
	color: #707172;
	text-decoration: none;
}
.ProductText a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.ProductCaption {
	float: left;
	width: 120px;
	position: relative;
	margin-top: 10px;
}
.TechnicalTeamLogoHP {
	background-color: #e4e4e4;
	position: relative;
	height: 154px;
	width: 245px;
	background-image: url(images/TechnicalTeamLogoHP.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.TechnicalInfoHP {
	font-size: 10pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: auto;
	width: 175px;
	left: 30px;
	top: 70px;
}

.TeamBox {
	background-image: url(images/TeamBackground.gif);
	height: 154px;
	width: 245px;
	position: relative;
}
.TeamBlurb {
	height: 90px;
	width: 195px;
	position: relative;
	left: 28px;
	top: 23px;
	margin-bottom: 10px;
	overflow: hidden;
}
.TeamBlurb h1 {
	font-size: 13pt;
	color: #FFF;
	line-height: 18px;
	font-weight: normal;
}
.TeamBlurb h2 {
	font-size: 13pt;
	color: #FFF;
	line-height: 18px;
	font-weight: bold;
}
.ContactTeam {
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FFF;
	overflow: hidden;
	position: relative;
	height: 28px;
	width: 190px;
	left: 28px;
	text-align: right;
	border-bottom-color: #FFF;
	border-bottom-width: 1px;
	line-height: 28px;
	color: #FFF;
	margin-bottom: 4px;
}

.ContactTeam a {
	color: #FFF;
	text-decoration: none;
}

.ContactTeam a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#RightColumn .PricingBox {
	overflow: hidden;
	position: relative;
	height: 97px;
	width: 230px;
	left: 15px;
}
.PricingLabel {
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #0058a8;
	position: relative;
	height: 20px;
	width: 100%;
	top: 0px;
	text-indent: 15px;
}
#RightColumn .PricingBox li {
	width: 203px;
	list-style-type: none;
	float: left;
	list-style-image: none;
	overflow: hidden;
	line-height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0058a8;
	text-align: right;
}
#RightColumn .PricingBox a {
	color: #707172;
	text-decoration: none;
}
#RightColumn .PricingBox a:hover {
	color: #FF0000;
	text-decoration: underline;
}
/**************************************************************************************Product Page*******************************************/
#ProductContainer {
	background-color: #FFF;
	position: absolute;
	height: auto;
	width: 518px;
	left: 173px;
	top: 158px;
}
#ProductContainer .ProductHeading {
	font-size: 12pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: 20px;
	width: 100%;
	left: 15px;
	top: 12px;
}
/**************************************************Left Product*/
#ProductContainer .LeftProduct {
	position: relative;
	height: auto;
	width: 260px;
	background-color: #e5eef6;
	float: left;
	margin-right: 12px;
	margin-top: 18px;
	margin-bottom: 12px;
	margin-left: 15px;
}
#ProductContainer .CaptionImg {
	position: relative;
	height: auto;
	width: 260px;
	left: 0px;
	top: 0px;
}
#ProductContainer .CaptionFooter {
	color: #FFF;
	background-color: #707172;
	height: 20px;
	width: 245px;
	padding-right: 15px;
	text-align: right;
	font-weight: bold;
	line-height: 18px;
}
#ProductContainer .CaptionFooter a {
	color: #FFF;
	text-decoration: none;
}
#ProductContainer .CaptionFooter a:hover {
	color: #F00;
	text-decoration: none;
}
#ProductContainer .ProductInformation {
	height: auto;
	width: 95%;
	margin-top: 8px;
}
#ProductContainer .ProductInformation p {
	margin-left: 8px;
	margin-bottom: 4px;
}

#ProductContainer .ProductInformation ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 12px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-left: 0px;
}
#ProductContainer .ProductInformation li {
	background-image: url(images/LightBlueSqBullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	padding-bottom: 2px;
}
#ProductContainer .ProductApplications {
	height: auto;
	width: 95%;
	margin-top: 8px;
	margin-bottom: 8px;
}
/*#ProductContainer h1 {
	font-weight: bold;
	color: #0058a8;
	margin-left: 24px;
}*/
#ProductContainer .ProductInformation h1 {
	font-weight: bold;
	color: #0058a8 !important;
	margin-left: 8px !important;
	font-size: 8pt;
}

#ProductContainer .ProductApplications ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 12px;
	margin-bottom: 0px;
	margin-top: 2px;
	padding-left: 0px;
}
#ProductContainer .ProductApplications li {
	background-image: url(images/BulletArrow.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
	padding-bottom: 0px;
}
/**************************************************Endof Left*/
/**************************************************Right Product*/
#ProductContainer .RightProduct {
	position: relative;
	height: auto;
	width: 217px;
	background-color: #FFFFFF;
	float: left;
	margin-top: 18px;
	margin-bottom: 12px;
}
#ProductContainer .ProductLiterature {
	height: auto;
	width: 100%;
	position: relative;
	margin-bottom: 8px;
}
#ProductContainer .LiteratureHeading {
	position: relative;
	font-size: 9pt;
	font-weight: bold;
	color: #4e504d;
	background-color: #e8e8e8;
	text-indent: 15px;
	height: 20px;
	width: 100%;
	line-height: 20px;
}
#ProductContainer .LiteratureRecord {
	width: 202px;
	margin-left: 15px;
	position: relative;
	height: auto;
	margin-top: 8px;
}
#ProductContainer .LiteratureRecord td {
	line-height: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#ProductContainer .LiteratureRecord td.First{
	padding-right: 2px;
}
#ProductContainer .LiteratureRecord a {
	color: #0058a8;
	text-decoration: none;
}
#ProductContainer .LiteratureRecord a:hover {
	color: #FF0000;
	text-decoration: underline;
}

/**************************************************Endof Right*/
/**************************************************Search Products*/
#ProductContainer .SearchProduct {
	position: relative;
	height: auto;
	width: 490px;
	background-color: #FFFFFF;
	float: left;
	margin-right: 12px;
	margin-top: 18px;
	margin-bottom: 12px;
	margin-left: 15px;
}
#ProductContainer .SearchHeading {
	font-size: 12pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: 30px;
	width: 490px;
	left: 15px;
	top: 12px;
	margin-bottom: 20px;
	background-image: url(images/CustomDivide.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#ProductContainer .ProductItemDivider {
	float: left;
	position: relative;
	height: 5px;
	width: 490px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0058a8;
	margin-bottom: 5px;
}
#ProductContainer .ProductSearchedHeading {
	font-size: 10pt;
	font-weight: bold;
	color: #0058a8;
	float: left;
	line-height: 16px;
	height: 22px;
	margin-left: 0px;
}
#ProductContainer .BreadCrumb {
	color: #0058a8;
	height: 16px;
	width: auto;
	position: relative;
	float: right;
	margin-top: 0px;
}
#ProductContainer .Pipe {
	line-height: 18px;
	color: #297dbd;
}
#ProductContainer .BreadCrumb a {
	color: #707172;
	text-decoration: none;
}
#ProductContainer .BreadCrumb a:hover {
	color: #F00;
	text-decoration: underline;
}
#ProductContainer .ProductRecords {
	position: relative;
	height: 15px;
	float: left;
	margin-left: 0px;
	font-weight: bold;
	width: 90%;
	left: 15px;
}

/**************************************************EndofSearchProduct*/
#PricingContainer {
	background-color: #FFF;
	overflow: hidden;
	position: absolute;
	height: 106px;
	width: 245px;
	left: 705px;
	top: 158px;
}
#PricingContainer .PriceLabel {
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #0058a8;
	position: relative;
	height: 20px;
	width: 100%;
	left: 15px;
	top: 0px;
	text-indent: 15px;
}
.PricingItems {
	width: 88%;
	margin-top: 4px;
	position: relative;
	margin-left: 12px;
}
.PricingItems a {
	color: #0058a8;
	text-decoration: none;
}
.PricingItems a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.PricingItems ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 4px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-left: 0px;
}
.PricingItems li {
	background-image: url(images/LightBlueSqBullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0058a8;
}
#RightColumnProject {
	background-color: #FFF;
	position: absolute;
	height: auto;
	width: 245px;
	left: 705px;
	top: 277px;
}
#RightColumnProject .ProjectLabel {
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #0058a8;
	position: relative;
	height: 20px;
	width: 230px;
	left: 15px;
	top: 0px;
	text-indent: 15px;
}
.ProjectList {
	width: 88%;
	margin-top: 4px;
	position: relative;
	margin-left: 12px;
}
.ProjectList ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 4px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-left: 0px;
}
.ProjectList li {
	background-image: url(images/BulletArrow.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0058a8;
}
.ProjectList a {
	color: #0058a8;
	text-decoration: none;
}
.ProjectList a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#RightColumnProject .RightColumnProjectFooter {
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #707172;
	position: relative;
	height: 20px;
	width: 215px;
	left: 15px;
	top: 0px;
	margin-top: 8px;
	padding-right: 15px;
	text-align: right;
}
.RightColumnProjectFooter a {
	color: #FFF;
	text-decoration: none;
}
.RightColumnProjectFooter a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.RightColumnTrench {
	background-color: #FFF;
	position: relative;
	height: 20px;
	width: 245px;
	background-image: url(images/TrenchSpacer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 18px;
}
.RightColumnProductTrench {
	background-color: #FFF;
	position: relative;
	height: 74px;
	width: 245px;
	background-image: url(images/TrenchSpacer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 18px;
}
.TrenchProductLabel {
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #0a8b30;
	position: relative;
	height: 20px;
	width: 215px;
	left: 15px;
	top: 54px;
	padding-right: 15px;
	text-align: right;
}
.TrenchProductLogo {
	background-image: url(images/TrenchLogo.gif);
	background-repeat: no-repeat;
	background-position: 95px top;
	position: relative;
	height: 54px;
	width: 245px;
	margin: 0px;
	padding: 0px;
	float: left;
	top: 0px;
	cursor: pointer;
}
.TrenchProductLabel a {
	color: #FFF;
	text-decoration: none;
}
.TrenchProductLabel a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.TrenchLabel {
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #0a8b30;
	position: relative;
	height: 20px;
	width: 215px;
	left: 15px;
	top: 0px;
	padding-right: 15px;
	text-align: right;
}
.TrenchLabel a {
	color: #FFF;
	text-decoration: none;
}
.TrenchLabel a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.TechnicalTeamLogo {
	background-color: #Fe4e4e4;
	position: relative;
	height: 120px;
	width: 245px;
	background-image: url(images/TechnicalTeamLogo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.TechnicalInfo {
	font-size: 10pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: auto;
	width: 175px;
	left: 30px;
	top: 60px;
}
.TechnicalInfo a {
	font-size: 10pt;
	font-weight: normal;
	color: #0058a8;
	text-decoration: none;
}
.TechnicalInfo a:hover {
	font-weight: normal;
	color: #FF0000;
	text-decoration: underline;
}

/**************************************************************************************Projects*******************************************/
#ProjectContainer {
	background-color: #FFF;
	position: absolute;
	height: auto;
	width: 750px;
	left: 173px;
	top: 158px;
}
#ProjectContainer .ProjectHeading {
	font-size: 12pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: 30px;
	width: 725px;
	left: 15px;
	top: 12px;
	margin-bottom: 15px;
	background-image: url(images/CustomDivide.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#ProjectContainer .ProjectLegends {
	position: relative;
	height: 20px;
	width: 725px;
	left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0058a8;
	margin-bottom: 10px;
}
#ProjectContainer .ProjectRecords {
	position: relative;
	height: 15px;
	float: left;
	margin-left: 0px;
	font-weight: bold;
	width: 200px;
}
#ProjectContainer .ProjectType {
	position: relative;
	height: 15px;
	float: left;
	margin-left: 280px;
	font-weight: bold;
	width: 100px;
}
#ProjectContainer .ProjectLocation {
	position: relative;
	height: 15px;
	float: left;
	font-weight: bold;
}
#ProjectContainer .ProjectItemContainer {
	position: relative;
	height: 100px;
	width: 725px;
	left: 15px;
	float: left;
}
#ProjectContainer .ProjectImage {
	float: left;
	height: 91px;
	width: 150px;
	margin-right: 20px;
	position: relative;
	left: 0px;
	background-color: #09F;
}
#ProjectContainer .ProjectBrief {
	float: left;
	height: auto;
	width: 280px;
	margin-right: 32px;
	position: relative;
}
#ProjectContainer .ProjectBrief h1 {
	font-size: 9pt;
	font-weight: bold;
	color: #0058a8;
}
#ProjectContainer .ProjectItemType {
	float: left;
	width: 100px;
	position: relative;
}
#ProjectContainer .ProjectItemLocation {
	float: left;
	width: auto;
	position: relative;
}
#ProjectContainer .ProjectItemDivider {
	float: left;
	position: relative;
	height: 5px;
	width: 725px;
	left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0058a8;
	margin-bottom: 12px;
}
/**************************************************************************************Technical*******************************************/
#TechnicalHeader {
	background-color: #FFF;
	position: absolute;
	height: auto;
	width: 750px;
	left: 173px;
	top: 158px;
}
#TechnicalHeader .TechnicalHeading {
	font-size: 12pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: 30px;
	width: 715px;
	left: 15px;
	top: 12px;
	margin-bottom: 20px;
	background-image: url(images/CustomDivide.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
/*OtherOption*/
#TechnicalContainer {
	background-color: #FFF;
	position: absolute;
	height: auto;
	width: 518px;
	left: 173px;
	top: 158px;
}
#TechnicalContainer .TechnicalHeading {
	font-size: 12pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: 30px;
	width: 490px;
	left: 15px;
	top: 12px;
	margin-bottom: 20px;
	background-image: url(images/CustomDivide.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
/*Endof Other Option*/
#TechnicalContainer .TechnicalLibraryContainer {
	position: relative;
	height: 410px;
	width: 260px;
	float: left;
	margin-right: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 15px;
}
#TechnicalContainer .TechnicalLibraryLabel {
	position: relative;
	font-size: 9pt;
	font-weight: bold;
	color: #4e504d;
	background-color: #e8e8e8;
	text-indent: 10px;
	height: 20px;
	width: 100%;
	line-height: 20px;
	margin-bottom: 15px;
}
#TechnicalContainer .TechnicalLibraryTools {
	position: relative;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}
#TechnicalContainer .TechnicalLibraryRecords {
	position: relative;
    width: 100%;
}
#TechnicalContainer .TechnicalRecordsHeading {
	font-size: 9pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: 30px;
	margin-bottom: 10px;
	background-image: url(images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;
}
#TechnicalRecordsHeading {
	width: 260px;
/*	background-image: url(images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: right top;
*/}
/*************************************Technical Records*/
#TechnicalContainer .TechnicalRecordsContainer {
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	height: 245px;
	width: 100%;
	padding-right: 5px;
}
#TechnicalContainer .TechnicalRecordsContainer ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 6px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-left: 0px;
}
#TechnicalContainer .TechnicalRecordsContainer li {
	background-image: url(images/LightBlueSqBullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	padding-bottom: 3px;
}
/*************************************Terms and Services*/
#TechnicalContainer .TermsServicesContainer {
	position: relative;
	height: auto;
	width: 217px;
	background-color: #FFFFFF;
	float: left;
	margin-top: 12px;
	margin-bottom: 0px;
}
#TechnicalContainer .TermsServicesHeading {
	position: relative;
	font-size: 9pt;
	font-weight: bold;
	color: #4e504d;
	background-color: #e8e8e8;
	text-indent: 10px;
	height: 20px;
	width: 100%;
	line-height: 20px;
}
#TechnicalContainer .TermsServicesInfoContainer {
	height: auto;
	width: 100%;
	position: relative;
	margin-bottom: 8px;
}
#TechnicalContainer .TermsServicesInfoContainer ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 6px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-left: 0px;
}
#TechnicalContainer .TermsServicesInfoContainer li {
	background-image: url(images/LightBlueSqBullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-right: 5px;
}

/*************************************Research*/
#TechnicalContainer .ResearchContainer {
	position: relative;
	height: auto;
	width: 217px;
	background-color: #FFFFFF;
	float: left;
	margin-top: 8px;
	margin-bottom: 12px;
}
#TechnicalContainer .ResearchHeading {
	position: relative;
	font-size: 9pt;
	font-weight: bold;
	color: #4e504d;
	background-color: #e8e8e8;
	text-indent: 10px;
	height: 20px;
	width: 100%;
	line-height: 20px;
}
#TechnicalContainer .ResearchInfoContainer {
	height: auto;
	width: 100%;
	position: relative;
	margin-bottom: 8px;
}
#TechnicalContainer .ResearchInfoContainer ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 6px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-left: 0px;
}
#TechnicalContainer .ResearchInfoContainer li {
	background-image: url(images/LightBlueSqBullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-right: 5px;
}
/**************************************************************************************Pricing*******************************************/
#PriceBooksContainer {
	background-color: #FFF;
	position: absolute;
	height: auto;
	width: 750px;
	left: 173px;
	top: 158px;
}
#PriceBooksContainer .PricingHeading {
	font-size: 12pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: 30px;
	width: 715px;
	left: 15px;
	top: 12px;
	margin-bottom: 20px;
	background-image: url(images/CustomDivide.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#PriceBooksContainer .PricingSection {
	float: left;
	width: 245px;
	position: relative;
	height: auto;
	margin-top: 10px;
}
/***************************************Tradecounter*/
#PriceBooksContainer .Tradecounter {
	width: 230px;
	position: relative;
	left: 15px;
	margin-top: 15px;
}
#PriceBooksContainer .Tradecounter ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 6px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-left: 0px;
}
#PriceBooksContainer .Tradecounter li {
	background-image: url(images/LightBlueSqBullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	padding-bottom: 3px;
}
/***********************************TradePricing*/
#PriceBooksContainer .TradePricing {
	width: 230px;
	position: relative;
	left: 15px;
	margin-top: 15px;
}
#PriceBooksContainer .TradePricing ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 6px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-left: 0px;
}
#PriceBooksContainer .TradePricing li {
	background-image: url(images/LightBlueSqBullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	padding-bottom: 3px;
}
/***********************************Contract Pricing*/
#PriceBooksContainer .ContractPricing {
	width: 230px;
	position: relative;
	left: 15px;
	margin-top: 15px;
}
/**************************************************************************************Pricing*******************************************/
#AboutContainer {
	background-color: #FFF;
	position: absolute;
	height: auto;
	width: 750px;
	left: 173px;
	top: 158px;
}
#AboutContainer .AboutHeading {
	font-size: 12pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: 30px;
	width: 715px;
	left: 15px;
	top: 12px;
	margin-bottom: 20px;
	background-image: url(images/CustomDivide.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#AboutContainer .AboutInfoLeftContainer {
	float: left;
	width: 470px;
	position: relative;
	height: auto;
	margin-top: 10px;
	left: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e8e8e8;
	margin-right: 35px;
}
#AboutContainer .PhotoContainer {
	float: left;
	height: auto;
	width: 200px;
	margin-right: 20px;
	position: relative;
}

#AboutContainer .Photo {
	background-color: #09F;
	height: auto;
	width: 100%;
	margin-bottom: 8px;
	position: relative;
}
#AboutContainer .AboutInformationContainer {
	float: left;
	height: auto;
	width: 235px;
	position: relative;
}
#AboutContainer .AboutInfoRightContainer {
	float: left;
	width: 225px;
	position: relative;
	height: auto;
	margin-top: 10px;
}
#AboutContainer .EmploymentInformationContainer {
	float: left;
	height: auto;
	width: 100%;
	position: relative;
	top: 0px;
}
.EmploymentInformationContainer h1 {
	font-weight: bold;
	color: #0058a8;
	font-size: 9pt;
	margin-bottom: 6px;
}
/**************************************************************************************Contact*******************************************/
#ContactContainer {
	background-color: #FFF;
	position: absolute;
	height: auto;
	/*min-height: 450px;*/
	width: 518px;
	left: 173px;
	top: 158px;
}
#ContactContainer .ContactHeading {
	font-size: 12pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: 30px;
	width: 490px;
	left: 15px;
	top: 12px;
	margin-bottom: 20px;
	background-image: url(images/CustomDivide.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#ContactContainer .ContactInfoLeft {
	float: left;
	width: 245px;
	position: relative;
	height: auto;
	margin-top: 10px;
	left: 15px;
	margin-right: 40px;
}
#ContactContainer .ContactInfoLeft ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 6px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-left: 0px;
}
#ContactContainer .ContactInfoLeft li {
	background-image: url(images/LightBlueSqBullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	padding-bottom: 3px;
}
#ContactContainer .ContactInfoRight {
	float: left;
	width: 220px;
	position: relative;
	height: 300px;
	margin-top: 10px;
}
.ContactInfoLeft h1 {
	font-weight: bold;
	color: #0058a8;
	font-size: 12pt;
	margin-bottom: 6px;
}
.ContactInfoLeft h2 {
	color: #0058a8;
	font-size: 8pt !important;
	margin-bottom: 0px;
	font-weight: normal !important;
}
#ContactContainer .ContactSearchContainer {
	width: 100%;
	margin-top: 20px;
	position: relative;
	height: auto;
}
/******************************************************Contact Form*/
#ContactContainer .ContactFormIntro {
	height: auto;
	width: 490px;
	margin-bottom: 8px;
	position: relative;
	left: 15px;
}
#ContactContainer .ContactFormContainer {
	height: auto;
	width: 503px;
	position: relative;
	left: 15px;
}
#ContactContainer h2 {
	font-weight: bold;
	color: #0058a8;
	font-size: 9pt;
}
.Asterisk {
	font-size: 9pt;
	font-weight: bold;
	color: #F00;
}
#ContactFormTable {
	border: 1px solid #c9dfee;
}
#ContactFormTable tr {
	background-color: #f3f3f3;
}
#ContactFormTable td {
	padding-left: 2px !important;	
}
.SubmitButton {
	font-size: 8pt;
	font-weight: bold;
	color: #0058a8;
	cursor:pointer;
}
/************************************************************Locations*/

#LocationLegendsContainer {
	background-color: #dcdcdc;
	overflow: hidden;
	position: absolute;
	height: 125px;
	width: 245px;
	left: 705px;
	top: 158px;
}
#LocationLegendsContainer .LengendLabel {
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #0058a8;
	position: relative;
	height: 20px;
	width: 100%;
	left: 15px;
	top: 0px;
	text-indent: 15px;
}
.LengendItems {
	width: 88%;
	margin-top: 4px;
	position: relative;
	margin-left: 12px;
}
.LengendItems ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 4px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-left: 0px;
}
.LengendItems li.blue {
	background-image: url(images/Blue.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0058a8;
	font-weight: bold;
	color: #0058a8;
}
.LengendItems li.red {
	background-image: url(images/Red.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0058a8;
	font-weight: bold;
	color: #0058a8;
}
.LengendItems li.green {
	background-image: url(images/Green.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0058a8;
	font-weight: bold;
	color: #0058a8;
}
.LengendItems li.orange {
	background-image: url(images/Orange.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0058a8;
	font-weight: bold;
	color: #0058a8;
}
#RightColumnLocations {
	background-color: #dcdcdc;
	position: absolute;
	height: auto;
	width: 245px;
	left: 705px;
	top: 300px;
}
#RightColumnLocations .LocationLabel {
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #0058a8;
	position: relative;
	height: 20px;
	width: 230px;
	left: 15px;
	top: 0px;
	text-indent: 15px;
}
.LocationList {
	width: 230px;
	margin-top: 0px;
	position: relative;
	margin-left: 15px;
	background-color: #dcdcdc;
	background-image: url(images/CustomDivide.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.LocationList iframe {
	margin-bottom: 10px;
}
#ContactContainer .HumesMapRight {
	float: left;
	width: 220px;
	position: relative;
	height: 300px;
	margin-top: 10px;
	background-image: url(images/Small_map.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#LocationContainer .SearchRegion {
	position: relative;
	min-height: 425px;
	height: auto;
	width: 490px;
	background-color: #FFFFFF;
	float: left;
	margin-right: 12px;
	margin-top: 18px;
	margin-bottom: 12px;
	margin-left: 15px;
}
#LocationContainer .Pipe {
	line-height: 18px;
	color: #297dbd;
}
#LocationContainer .subheading {
	font-size: 10pt;
	color: #0058a8;
	line-height: 16px;
	font-weight: bold;
}
#LocationContainer .LocationItemDivider {
	float: left;
	position: relative;
	height: 5px;
	width: 490px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0058a8;
	margin-bottom: 5px;
}
#LocationContainer {
	background-color: #FFF;
	position: absolute;
	height: auto;
	min-height: 450px;
	width: 518px;
	left: 173px;
	top: 158px;
}
#LocationContainer .LocationHeading {
	font-size: 12pt;
	font-weight: bold;
	color: #0058a8;
	position: relative;
	height: 30px;
	width: 490px;
	left: 15px;
	top: 12px;
	margin-bottom: 10px;
	background-image: url(images/CustomDivide.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
/*******************************************************************************************Dynamic Project Name Search*/
#SearchToolConstructor {
	margin-left: 0px !important;
	padding-left: 0px !important;
	width: 190px;
	float: left;
}
#SearchToolContainer {
	position: absolute;
	visibility: visible;
	height: auto;
	width:190px;
}
#SearchConstruct {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 270px;
	padding-right: 10px;
	position: relative;
	width: 100%;
	background-color: #039;
}
.dynamicDiv {
	margin-top: 22px;
	font-size: 9pt;
	position: relative;
	background-color: #FFFFFF;
	width: 100%;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #80acd3;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #80acd3;
}
.SearchParas {
	height: auto;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #80acd3;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #80acd3;
	color: #0058a8 !important;
	background-color: #FFFFFF;
	float: left;
	font-weight: normal !important;
	width: 100%;
	line-height: 14px !important;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
	cursor: hand;
	font-size: 8pt;
	position: relative;
}
.SearchParas:hover {
	background-color: #c9dfee;
	cursor: pointer;
	cursor: hand;
	color: #0058a8 !important;
}
/*Endof Dynamic Project name search*/