/* @override http://192.168.0.22/DP_subsea/CSS/DPsea.css */

body {
	margin: 0;
	padding: 0;
	background-color: #003478;
	color: #333;
	text-align: center;
	font: 12px/24px "Lucida Grande", Lucida, Verdana, Arial, sans-serif;
}

#txtHint a {
	color: #00458F;
	text-decoration: none;
	font: 9px "Lucida Grande", Lucida, Verdana, Arial, sans-serif;
	padding-left: 10px;
}

td.chemsbox {
	padding: 0;
	text-align: center;
	font-size: 11px;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
	height: auto;
	line-height: 15px;
	background: #fff url(../images/blue_robbo.jpg) no-repeat;
}

td.chemsbox input {
	margin-bottom: 5px;
	border: 2px solid #fa100f;
	margin-top: -5px;
}

#searchagain {
	text-decoration: none;
	color: white;
	font: bold 14px "Lucida Grande", Lucida, Verdana, Arial, sans-serif;
	width: 150px;
	display: block;
	text-align: left;
	padding-left: 2px;
}

#clock {
	width: 697px;
	background-color: #e9721b;
	font: bold 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: white;
	padding-left: 2px;
	margin-left: -1px;
	padding-bottom: 4px;
	padding-top: 2px;
}

td.CMP {
	color: #00458F;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
}

table#listings {
	background-color: #c0dbff;
	font-size: 9px;
	border: 1px solid #00458f;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	line-height: 11px;
}

#txtHint b {
	margin-bottom: 5px;
	display: block;
	margin-top: 10px;
}

table#seeker {
	width: 210px;
}

#txtHint a:hover {
	color: #00458F;
	text-decoration: underline;
	font-size: 9px;
}

div#container {
	width: 980px;
	padding: 0;
	margin: 0px auto;
	background-color: white;
	text-align: left; /* same IE centring bug */
	min-height:  0;
}

div#content {
	width: 960px;
	float: left;
	margin: 0px 0 10px 20px;
	background: white url(../images/tint_textarea.gif) no-repeat center top;
	padding-top: 25px;
}

h1#spread {
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 21px;
	color: #00458F;
	font-weight: bold;
	width: 680px;
}

div#colleft {
	width: 340px;
	float: left;
}

div#colright {
	width: 340px;
	float: right;
	margin-right: 27px;
}

div#full_width {
	float:  left;
	width: 698px;
}

#full_width p {
	font-size: 11px;
	line-height: 18px;
	margin-top: 0;
}

#full_width p a {
	text-decoration: none;
	font-weight: bold;
	color: #00458f;
}

#full_width p a:hover {
	text-decoration: underline;
}

#full_width h1 {
	font-size: 18px;
	line-height: 24px;
	margin-top: 2px;
	margin-bottom: 5px;
	padding: 0;
}

#full_width h2{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	color:  #00458F;
}

#full_width h3 {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 10px;
	padding: 0;
	color: #00458f;
}

#full_width h4, #full_width h5 {
	font-size: 11px;
	line-height: 14px;
}

#full_width table {
	font-size: 11px;
	width: 698px;
	display: table;
	line-height: 16px;
}

table#interest {
	width: 400px;
}


#full_width table p, #full_width table h3 {
	color:  #00458f;
	margin-bottom:  0px;
}

#full_width table p {
	font-size: 9px;
	margin-bottom: 0px;	
	color: #333;
	line-height: 14px;
}

div#items {
	width: 225px;
	display: block;
	float: right;
}


div#textboxes {
	width: 725px;
	float: left;
	background: url(../images/textbox_tint.gif) repeat-y right top;
}

div#textboxes2 {
	width: 725px;
	float: left;
}

div#splash {
	width: 980px;
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
}

div#top_menu_bar{
	background: url(../images/DP-top-menu-band_735.gif) no-repeat;
	width: 735px;
	height: 39px;
	margin: 0;
	padding: 0;
}

#top_menu_bar ul{
	color: #fff;
	list-style-type: none;
	padding: 10px 0 0;
	margin: 0;
	font: normal 13px Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#top_menu_bar li a.active {
	text-decoration: none;
	font-weight: bold;
}

#top_menu_bar li {
	display: inline;
	float: left;
	
}


#top_menu_bar li a {
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
	width: 122px;
	height: 29px;
	display: block;
	text-align: center;
}

#top_menu_bar a:hover {
	text-decoration: underline;
}

div#mainNav {
	float: left;
}

div#images {
	background-color: white;
	width: 760px;
	height: 250px;
	float: left;
}

div#sub {
	width: 220px;
	color: white;
	float: left;
	background-color: #00458f;
	height: 250px;
}

#sub ul li a {
	color: white;
}


ul#navigator {
	
	list-style-type: none;
	padding: 0;
	margin: 5px 0 0;
	width: 980px;
	float: left;
	height: inherit;
}

li.subimage {
	float: left;
	margin: 5px 0 10px -20px;
	padding: 0;
}

#top_right_nav {
	width: 215px;
	padding: 29px 20px 10px 10px;
	float: right;
	height: 245px;
	margin: -39px 0 0;
	background-image: url(../images/subnav_backg.jpg);
	display: inline;
	font: 21px/32px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
}

#top h1 {
	color: white;
	font: normal normal 24px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 200px;
	height: auto;
	margin-left: 10px;
	float: left;
}

#top h1 span.bolder {
	font-weight: bold;
}

#navigator li a.active {
	background-image: url(../images/mn_backer_ovr.gif);
}

#navigator li {
	display: inline;
	float: left;
	
}


#navigator li a {
	color: #00458F;
	text-decoration: none;
	margin: 0;
	width: 225px;
	height: 22px;
	font-weight: bold;
	font-size: 14px;
	display: block;
	background: url(../images/mn_backer.gif) no-repeat right center;
	padding: 3px 0 5px 20px;
}

li.tinted {
	background: url(../images/nav_tints.gif) repeat-y left top;
}

#navigator li a:hover {
	background: url(../images/mn_backer_ovr.gif) no-repeat right center;
}

#navigator li.active a {
	background: url(../images/mn_backer_ovr.gif) no-repeat right center;
}

img#dpslogo {
	float: left;
	margin-left: 5px;
}

#header ul {
	float: right;
	list-style-type: none;
	margin: 0px 20px 0 0;
	padding: 0px 0;
	width: 300px;
	text-align: right;
}

li#strap {
	color: #00458f;
	padding-bottom: 6px;
	font: bold 18px/24px Verdana, "Lucida Grande", Lucida, sans-serif;
}

span.tntblu {
	color: #00458f;
}

div#header {
	width: 980px;
	height: 130px;
}

li#tele {
	font-size: 12px;
	line-height: 15px;
}

li#email {
	font-size: 12px;
	line-height: 15px;
}

li#email a {
	font-size: 12px;
	padding-top: 1px;
	color:  #333;
	text-decoration: none;
}

li#email a:hover {
	text-decoration: underline;
}

div#top {
	float: left;
	width: 980px;
	height: auto;
}

img#splashimage {
	width: 735px;
	height: 245px;
	float: left;
	background-color: white;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

ul#subnavigation {
	width: 215px;
	padding: 0 20px 10px 10px;
	float: right;
	list-style-type: none;
	height: 274px;
	margin: -39px 0 0;
	background-image: url(../images/subnav_backg.jpg);
	display: inline;
	font-size: 16px;
}

li#static {
	color: white;
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 15px;
}

#subnavigation li {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
	display: block;
	padding-top: 4px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 25px;
}

#subnavigation li a {
	color: white;
	text-decoration: none;
}

#subnavigation li a:hover, #subnavigation li a.active {
	color: #c0dbff;
	text-decoration: underline;
}

h1#subnavigation {
	color: #fd13fd;
}

#items p {
	font-size: 11px;
	margin-top: 0;
	line-height: 18px;
	padding-right: 10px;
}

img#pdfdoc {
	border: 1px solid #00458F;
	margin-bottom: 4px;
}

#items p.smaller a {
	text-decoration: none;
	font-weight: bold;
	margin-top: 5px;
	padding-top: 5px;
	float: left;
}

#items h3 {
	font-size: 11px;
	color: #ffffff;
	width: 205px;
	padding: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	display: block;
	background-color: #003478;
}

#items a {
	text-decoration: none;
}

#items a:hover {
	text-decoration: underline;
}

#items p.smaller {
	font-size: 10px;
	line-height: 15px;
	font-style: italic;
}

#items p span.standout {
	color: #00458F;
	font-weight: bold;
	font-size: 11px;
}

#items #brochures {
	font-size: 10px;
	line-height: 13px;
	font-style: italic;
}

#colleft p, #colright p {
	font-size: 11px;
	line-height: 18px;
	margin-top: 0;
}

#colright p a, #colleft p a {
	text-decoration: none;
	font-weight: bold;
	color: #00458f;
}

#colright li a, #colleft li a {
	text-decoration: none;
	font-weight: bold;
	color: #00458f;
}

#colright p a:hover, #colleft p a:hover {
	text-decoration: underline;
}

#colleft h1, #colright h1 {
	font-size: 18px;
	line-height: 24px;
	margin-top: 2px;
	margin-bottom: 5px;
	padding: 0;
}

#colleft h2, #colright h2 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	color:  #00458F;
}

#colleft h3, #colright h3 {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 10px;
	padding: 0;
	color: #00458f;
}

#colleft h4, #colright h4, #colleft h5, #colright h5 {
	font-size: 11px;
	line-height: 14px;
}

#colleft h4 a, #colright h4 a, #colleft h5 a, #colright h5 a {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #00458F;
	text-decoration: none;
}

#colleft h4 a:hover, #colright h4 a:hover, #colleft h5 a:hover, #colright h5 a:hover {
	text-decoration: underline;
}

#colleft td img, #colright td img {
	display: block;
	overflow: hidden;
	margin: 2px 0;
	padding: 0;
}

#colleft img, #colright img {
	display: block;
	overflow: hidden;
	padding: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#colleft table, #colright table {
	font-size: 11px;
	width: 320px;
	display: table;
	line-height: 16px;
}

#colleft table h3, #colright table h3 {
	color:  #00458f;
	margin-bottom:  0px;
}

#colleft td a, #colright td a {
	text-decoration: none;
	font-weight: bold;
	color: #00458f;	
}
#colright td a:hover, #colleft td a:hover {
	text-decoration: underline;
}


#colleft table p, #colright table p {
	font-size: 9px;
	margin-bottom: 0px;	
	color: #333;
	line-height: 14px;
}

span.CFC {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 5px;
	display: block;
	text-shadow: #000 2px 2px 3px;
}

span.CFCsmaller {
	color: #fff;
	font-size: 14px;
	line-height: 15px;
	margin-top: 2px;
	display: block;
	font-weight: bold;
	text-shadow: #000 2px 2px 3px;
}

#colleft ul {
	font-size: 11px;
	list-style-type: none;
	margin: 0;
	line-height: 18px;
	list-style-image: url(../images/blue_bullet.gif);
	list-style-position: outside;
}

#colright ul {
	font-size: 11px;
	list-style-type: none;
	margin: 0;
	line-height: 18px;
	list-style-image: url(../images/blue_bullet.gif);
	list-style-position: outside;
}
blockquote {
	font-size: 10px;
	color: #00458f;
	font-style: italic;
}


div#footer {
	width: 960px;
	margin: 0 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	clear: left;
}

#footer p {
	font-size: 9px;
	padding: 0;
	margin: 0;
	line-height: 14px;
}

a#sitemap, a#credit {
	text-decoration: none;
	color: black;
}

a#sitemap:hover, a#credit:hover {
	text-decoration: underline;
	color: #00458F;
}

.sitemap_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #00458F;
}
.formfields {
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00458F;
	line-height: 17px;
	background-color: white;
	border: 1px groove #003478;
}
.formfields_window {
	height: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00458F;
	line-height: 17px;
	background-color: white;
	border: 1px groove #003478;
}


table#rollout td {
	font: 11px/18px "Lucida Grande", Lucida, Verdana, Arial, sans-serif;	border: 1px solid #e9721b;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	padding: 2px;
	border-bottom-color: #e9721b;
}

table#legend {
	font-size: 9px;
	line-height: 11px;
}

table#contactform td {
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 1px solid white;
	border-collapse: collapse;
	border-spacing: 0px 0px;
}

table#press_table {
	width: 698px;
	font: 10px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	border-width: 0;
	padding: 5px;
	vertical-align: top;
}

table#press_table th {
	font-weight: bold;
	padding: 3px;
	font-size: 11px;
	vertical-align: top;
	border-bottom: 1px solid #e9721b;
}

table#press_table td {
	vertical-align: top;
	border-bottom: 1px solid #e9721b;
	padding: 4px;
}

hr {
	border: 0;
	color: #c0dbff;
	background-color: #c0dbff;
	height: 1px;
	width: 90%;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}

.pr_pull_quote {
	width: 330px;
	padding: 4px;
	font: italic 10px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 1px solid #00458F;
	color: #00458F;
	display: inline-block;
}

#materials_jump_menu select {
	color: #00458F;
	width: 210px;
	border: 1px solid #00458F;
	height: 20px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#materials_jump_menu option {
	font-weight: normal;
	font-style: normal;
}