﻿body 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	background: #fff;
	margin: 0px;
	color: #414f52;
	padding: 0px;
}

h1 { font-size: 24px; color: #006AA7; margin: 10px 0px 0px 0px; font-weight: bold; letter-spacing: -1px }
h2 { font-size: 21px; color: #006AA7; margin: 0px 0px 0px 0px; font-weight: bold; letter-spacing: -1px }
h3 { font-size: 12px; color: #1a5a9c; margin-top: 20px; margin-bottom: 5px }
h4 { font-size: 12px }

#intranet_content{ margin-left: 16px; margin-bottom: 20px }

#oci_content{ margin-left: 16px; margin-bottom: 20px }

img { border: 0 }

p{ margin: 7px 2px 5px 0px }
p img{ vertical-align: middle }
b{ color: #5c5c5c }

strong { color: #4b4b4b }

fieldset { margin: 5px 5px 10px 0px; border: 1px solid #ccc; padding: 4px; width: 98% }
fieldset p { margin: 5px 0px 5px 0px }

blockquote
{ 
  margin: 10px 0px 10px 0px; 
  padding: 2px 20px 2px 20px;
  border-left: 8px solid;
  border-color: #006aa7;
}

#header { border-bottom: 2px solid #006aa7; padding-bottom: 5px }

td img{ vertical-align: middle }

a{ font-weight: bold;  color: #006aa7 }
a:hover{ text-decoration: none; }
a.small{ font-size: 10px }
a.normal{ font-weight: normal }
span.small{ font-size: 10px }
span.smallgrey{ font-size: 10px; color: #616060}

ul.hyd{ list-style-image: url("/hydralink/images/bullet.gif"); font-size: 12px }
ul.hyd li{ margin-left: 20px; margin-bottom: 5px }

dl#navigation{ margin: 0px 20px 80px 20px; padding: 0 }
dl#navigation b{ color: White }
dl#navigation dt{ font-weight:bold; margin: 15px 0px 0px 0px; padding: 0 }
dl#navigation dt#top{ margin: 0px 0px 0px 0px; }
dl#navigation dt a{ }
dl#navigation dt a:hover { }
dl#navigation dd.inline{ margin: 0px 0px 0px 0px }
dl#navigation dd{ margin: 1px 0px 1px 10px; padding: 0 }
dl#navigation dd a{ }
dl#navigation dd a:hover { }

div#rmenu h3{ margin: 20px 10px 5px 5px; color: White }
div#rmenu p{ margin: 5px 10px 60px 5px }

table#main
{
	border-collapse: collapse; 
	width: 98%;
	margin: 0 auto;
	text-align: left
}

table#main tr td.top
{
	vertical-align: top;
}

table#main td.righttop
{
	color: White;
	width: 291px;
	background: #006aa7;
	vertical-align: top;
}

table#main td.right
{
	color: #e9f6fd;
	width: 291px;
	background: #006aa7 url("../images/elements/right_bar_bg.gif") repeat-x;
	background-position: bottom;
	vertical-align: top
}

table#main td.right a
{
	font-weight: normal;
	color: White;
	text-decoration: none;
}

table#main td.right strong { color: White }

table#main td.right a:hover
{
	text-decoration: underline;
}

#footer
{
	width: 100%; 
	text-align: center; 
	font-size: 10px; 
	color: #aaa; 
	border-top: 1px solid #aaa; 
	margin: 0 auto; 
	margin-top: 8px; 
	padding-top: 3px 
}

#footer a { font-size: 10px; color: #aaa; text-decoration: none }
#footer a:hover { color: #006aa7; text-decoration: underline }

legend
{
	color: #1a5a9c;
	font-weight: bold
}

table#login
{
	width: 370px;
	background: #eee;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #ccc
}

table#login tr th
{
	text-align: center;
	padding: 5px 3px 5px 3px;
	color: White;
	background: #006aa7
}

table#login tr td
{
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle
}

span.loginText
{
	padding: 0px 0px 0px 10px;
}

table.standard
{
	width: 98%;
	margin: 10px 0px 0px 0px;
	border-collapse: collapse;
}

table.standard tr th
{
	padding: 5px 3px 5px 3px;
	background: #006aa7;
	color: White;
}

table.standard tr td
{
	padding: 4px 2px 4px 3px;
	vertical-align: top
}

table.standard tr.grouphead
{
	background: #d1e0e8;
	background-image: url("../images/elements/location_bg.gif");
	color: #232323;
	font-weight: bold;
}

table.standard tr.grouphead td
{
	padding: 5px 0px 5px 3px;
}

table.standardmiddle
{
	width: 98%;
	margin: 10px 0px 0px 0px;
	border-collapse: collapse;
}

table.standardmiddle tr th
{
	padding: 5px 3px 5px 3px;
	background: #006aa7;
	color: White;
}

table.standardmiddle tr td
{
	padding: 4px 2px 4px 3px;
	vertical-align: middle
}

table#product
{
	border-collapse: collapse;
	background: #e7f3f9;
	text-align: left
}

table#product tr td
{
	padding: 2px 3px 2px 3px;
	vertical-align: middle
}

table#links
{
	width: 99%;
	padding: 0;
	margin: 0;
	border-collapse: collapse
}

table#links tr td
{
	padding: 0;
}

table#links .head
{
	height: 38px;
	background: #fff url("../images/elements/link_head_bg.gif") repeat-x;
	background-position: bottom
}

/* page variable headers */
#auth_header
{
	width: 100%; 
	height: 95px; 
	background: url("/hydralink/images/banners/66.jpg") no-repeat; 
	background-position: right; 
	border-top: 2px solid #006aa7; 
	border-bottom: 2px solid #006aa7
}

.red
{
	color: red; 
	font-weight: bold }
	
.bluespacer
{
	background: #006aa7;
	width: 100%;
	height: 2px	
}
		

#status
{
	padding: 5px 0px 0px 0px;
	background: #fff;
	height: 30px;
}

#customer_services
{
	width: 100%;
	border-top: 1px solid #fff
}

/*hose management*/
table.hosemanagement
{
	width: 98%;
	margin: 10px 20px 0px 0px;
	border-collapse: collapse;
	text-align: left;
	border: 1px solid #ccc
}

table.hosemanagement tr th
{
	padding: 5px 3px 5px 3px;
	background: #006aa7;
	color: White;
}

table.hosemanagement tr td
{
	padding: 4px 3px 4px 3px;
	vertical-align: top
}

table.hosemanagement tr td p
{
	padding-top: 20px;
}

table.hosemanagement img
{
	margin-left: 40px;
}

table.currency
{
	border: 1px solid #ddd;
	margin: 10px 0px 15px 0px;
	width: 250px;
	border-collapse: collapse;
}

table.currency tr th
{
	background: #006aa7;
	color: #fff;
	padding: 3px 2px 3px 2px
}

table.currency tr td
{
	padding: 3px 2px 3px 2px
}

/* xsl catalogue styling */

table#xsl{ margin: 20px 0px 0px 0px; border-collapse: collapse; width: 98%; text-align: left }
table#xsl tr td{ vertical-align: middle; padding: 3px 0px 3px 0px }
table#xsl tr th{  padding: 5px 4px 5px 4px; background: #006aa7; color: white; font-weight: bold }

table#xsl img{ padding: 3px}

table#xsl small{ font-size: 10px; color: green }

tr.xslrow0{ background: #fff }
tr.xslrow1{ background: #dcdcdc }
tr.odd{ background: #dcdcdc }
tr.selected{ background: #d5ffd5 }

/* basket styling */

table#basket{ width: 100%; border-collapse: collapse; margin: 10px 0px 10px 0px; padding: 0; border: 1px solid #ccc}
table#basket tr th{ padding: 4px 3px 4px 3px; color: White; background: #006aa7 }
table#basket tr td{ padding: 3px 3px 3px 3px; vertical-align: middle }
table#basket tr.gray{ background: #ece7e7 }

/* hose management styling */

table#hm{ width: 100%; border-collapse: collapse; margin: 10px 0px 10px 0px; padding: 0; border: 1px solid #ccc}
table#hm tr th{ padding: 4px 3px 4px 3px; color: White; background: #006aa7 }
table#hm tr td{ padding: 10px 3px 10px 3px; vertical-align: middle }
table#hm tr.gray{ background: #ece7e7 }

.green{ color: Green; font-weight: bold }
.bggreen{ background: #c5fbc9 }
.bgyellow{ background: #fffcb4 } 

input { color: #272727 }

/* Assembly Selector */

table#selector{ border-collapse: collapse; margin: 10px 0px 20px 0px; width: 97% }
table#selector th{ padding: 2px; text-align: left; color: White; background: #006aa7 }
table#selector tr td{ margin: 2px; padding: 3px 2px 3px 2px; vertical-align: middle }
table#selector tr td span#small{ font-size: 10px; font-weight: bold }

table.selectorbasic{ border-collapse: collapse; width: 100%}
table.selectorbasic tr td{ vertical-align: top; padding: 4px 2px 4px 2px}

table#assemblyimage{ border-collapse: collapse }
table#assemblyimage tr td { vertical-align: middle }

#partcode{ color: red; font-weight: bold; background: yellow; padding: 2px; border: 1px solid black }

p#section{ font-weight: normal; font-size: 10px; color: #006aa7; margin-bottom: 20px }
p#section strong{ color: #014972; font-size: 11px; }

table#selectorhead{ width: 97%; margin-right: 20px }

p#selectorText{ }
p#selectorText img { float: right; margin: 3px 0px 3px 5px }

p a.partbuilder{ color: Red; font-size: 10px }

ul.inline{ list-style-type: none; margin: 0px; padding: 0px }
ul.inline li{ padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; margin: 0px }
ul.inline li a img{ vertical-align:middle; }
ul.inline li img{ vertical-align:middle; margin-right: 5px }
ul.inline li em{}

/* new selector */
table#assemblydetails{ border-collapse: collapse; }
table#assemblydetails tr td{ padding: 3px 0px 3px 0px }

/* Assembly Details Search Help */

div.helpbox{ 
 margin-right: 10px;
 background: #ffe990 url("../images/elements/help_bg.gif") repeat-x; 
 min-height: 280px; /* not ie */
 padding: 10px;
 border: 1px solid #ccc;
 clear: both
 }
 
div.helpbox h3{ font-size: 16px; font-weight: bold; margin: 0px 0px 15px 0px; color: #3d3d3d }

div.helpbox h3 img{ vertical-align: middle }

div.helpbox p { font-size: 1em; line-height: 1.4em; margin: 10px 0px 15px 0px } 

div.helpbox p img { float: right; margin: 0px 0px 10px 10px; clear:both }

div.helpbox ul { /*list-style-type: none*/ }
div.helpbox ul li{ margin: 2px 0px 2px 0px }