/* general tag styles */

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #565656;
	padding: 0;
	font-size: x-small;
	margin: auto; 
	background: #000000 url(../images/fill.jpg) top repeat-x; 
	text-align:center; 
	background-attachment:fixed
}

/* Flash div's */

#flashheader {
    width: 735px;
    height: 166px;
}

#flashcontent{
  width: 374px;
  height: 240px;
}

p, td, li, form, label {
	font-size: 11px;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

li {
	list-style: square;
}

select{
	font-size:11px;
}

img {
	padding: 0;
	border: 0;
}

a {
  color: #BD535E;
}

label {
  color: #BD535E;
  font-size: 11px;
}

select {
  margin: 5px 0 8px 0;
  color: #565656;
}

p {
	line-height: 130%;
	padding: 0 0 10px 0;
	color: #565656;
	font-weight: normal;
	border: 0;
	margin: 0;
}

.clearit {
  clear: both;
  font-size: 1px;
  line-height: 1px;
} 

h1 {
    font-size: x-small;
	line-height: 130%;
	padding: 10px 0 10px 0;
	margin: 0;
	color: #A03D46;
	font-size: 16px;
}

h2 {
    font-size: x-small;
	line-height: 130%;
	padding: 10px 0 10px 0;
	margin: 0;
	color: #A03D46;
	font-size: 12px;
}

h3 {
	line-height: 130%;
	padding: 0 0 3px 0;
	margin: 0;
	color: #565656;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

h3 span {
	font-size: 12px;
}

h3 a {
	line-height: 130%;
	color: #565656;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}


.flush-left {
  float: left;
  margin: 0 10px 5px 0;
}

.to-center {
  text-align: center;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}

.oriz-sep {
  background: url(../images/oriz_separator.jpg) left top repeat-x;
  padding: 0 5px 3px 5px;
  margin: 0;
}

.oriz-sep-line {
  background: url(../images/oriz_separator_line.jpg) left top repeat-x;
  padding:  5px 3px 5px;
  margin: 10px 0 5px 0;
}

.oriz-sep-line1 {
  background: url(../images/oriz_separator_line.jpg) left top repeat-x;
  padding:  0;
  margin: 0;
  font-size: 1px;
  line-height: 1px;
}

.dotted-line {
  background: url(../images/grey_dot.jpg) left center repeat-x;
  padding: 0;
  margin: 0 0 7px 0;
  font-size: 1px;
  line-height: 1px;
  
}


#main-container {
  text-align: left;
  width: 760px;
  margin: 0 auto;
  padding: 0;
}

/* header area */

#header {
  background: url(../images/header_bg.jpg) left top no-repeat;
  width: 760px;
  height: 90px;
  padding: 0 10px 0 10px;
}

#header .logo {
  padding: 24px 0 0 33px;
}

#header .sigle {
  padding: 24px 0 0 20px;
}

#header .util {
  padding: 38px 20px 0 5px;
  color: #565656;
  text-align: right;
  vertical-align: top;
}

#header .util a{
  color: #565656;
  text-decoration: none;
}

#header .util a:hover{
  color: #000;
}

#header .util #util-area td.divider {
  background: url(../images/vertical_divider.jpg) center top repeat-y;
  padding: 0 5px 3px 5px;
  margin: 0;
}

#header .util #util-area td.search {
  padding: 5px 0 0 0;
  vertical-align: bottom;
}

#header .util #util-area input {
  border: 1px solid #8C8C8C;
  align: top;
  font-size: 10px;
  padding: 4px;
}


/* top menu */

#top-nav {
  width: 760px;
  padding: 0;
  margin: 0;
  background-color: #5B5B5B;
}

#nav {
  width: 736px;
  height: 41px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav li.tnav {
  list-style: none;
  background: url(../images/menu_bg.jpg) left top repeat-x;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
}

#nav .tnav p {
  padding: 0;
}

#nav .tnav p.first {
  background: none;
}

#nav li.tnav a {
  background: url(../images/left_sep.jpg) left top no-repeat;	
  padding: 16px 16px 15px 16px;
  color: #CACACA;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
  line-height: 100%;
}

#nav li.tnav a.first {
  background: none;	
  padding: 16px 16px 15px 20px;
}

#nav .tnav-over {
  list-style: none;
  background: url(../images/menu_bg_over.jpg) left top repeat-x;
  margin: 0;
  text-align: center;
  float: left;
}

#nav .tnav-over p {
  background: url(../images/left_sep_over.jpg) left top no-repeat;
  padding: 0;
}

#nav .tnav-over p.first {
  background: none;
}

#nav .tnav-over a {
   background: url(../images/left_sep_over.jpg) left top no-repeat;
  padding: 16px 16px 15px 16px;
  color: #CACACA;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  line-height: 100%;
}

#nav .tnav-over a.first {
  background: url(../images/left_sep_over.jpg) left top no-repeat;
  padding: 16px 16px 15px 20px;
  color: #CACACA;
}

#nav .tnav-selected {
  list-style: none;
  background: url(../images/menu_bg_over.jpg) left top repeat-x;
  margin: 0;
  text-align: center;
  float: left;
}

#nav .tnav-selected p {
  background: url(../images/left_sep_over.jpg) left top no-repeat;
  padding: 0;
}

#nav .tnav-selected p.first {
  background: none;
}

#nav .tnav-selected a {
  background: url(../images/left_sep_over.jpg) left top no-repeat;
  padding: 16px 16px 15px 16px;
  color: #3394E3;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
  line-height: 100%;
}

#nav li.tnav-selected a.first {
  background: none;	
  padding: 16px 16px 15px 20px;
  color: #3394E3;
}

/* left navigation */

#lnav {
  background: url(../images/lnav_bg.jpg) left bottom repeat-y;
  margin: 0;
  padding: 0;
}

#lnav li.top {
  background: url(../images/lnav_top.jpg) left top no-repeat;
  font-size: 9px;
  margin: 0;
  padding: 0;
}

#lnav li.others {
  background: none;
  margin: 0;
  padding: 0;
}

#lnav-bg {
  background: url(../images/lnav_bottom.jpg) left bottom no-repeat;
  padding: 0 0 141px 0;
  margin: 0;
}

#lnav-bg li.nav {
   margin: 0 0 4px 0;
   padding: 0;
}

#lnav-bg li.nav p {
  filter:alpha(opacity=50);
  -moz-opacity:.5;
  opacity:.5;
  -khtml-opacity: 0.5;
  background-color: #ffffff;
  padding: 7px 14px 6px 20px;
  height: 100%;
}

#lnav-bg li.nav p a {
  background: url(../images/nav_arrow.jpg) left top no-repeat;
  color: #000;
  display: block;
  font-weight: bold;
  text-decoration: none;
  padding: 0 0 0 10px;
}

#lnav-bg li.nav p a span {
  font-weight: normal;
}

#lnav-bg li.nav p a:hover {
  background: url(../images/nav_arrow_over.jpg) left top no-repeat;
  color: #CC0000;
  display: block;
  font-weight: bold;
  text-decoration: none;
  padding: 0 0 0 10px;
}

#lnav-bg li.nav-over {
   margin: 0 0 4px 0;
   padding: 0;
}

#lnav-bg li.nav-over p {
  background-color: #ffffff;
  padding: 7px 14px 6px 20px;
  height: 100%;
}

#lnav-bg li.nav-over p a {
  background: url(../images/nav_arrow.jpg) left top no-repeat;
  color: #000;
  display: block;
  font-weight: bold;
  text-decoration: none;
  padding: 0 0 0 10px;
}

#lnav-bg li.nav-over p a span {
  font-weight: normal;
}


/* content */

#content-l {
  width: 177px;
  margin: 0;
  padding: 0;
}

#content-r {
  width: 530px;
  margin: 0;
  padding: 0;
}

#content-full {
	width: 707px;
	margin: 0;
	padding: 0;
}

#content-r p{
	font-size: 12px;
}
#content {
  background: #fff url(../images/content_bg.gif) left top repeat-y;
  margin: 0;
  padding: 0;
}

#content-container {
  padding: 3px 0 40px 13px;
}

#content-block {
  padding: 0 20px 0 20px;
}

#content-block-home {
  padding: 25px 20px 0 20px;
}

#content-block-home p {
  text-align: justify;
}

.details {
  padding: 10px 0 0 13px;
}

.white-frame {
  border: 2px solid #fff;
}

.frame {
  background-color: #EFEFEF;
  padding: 6px;
  text-align: center;
  margin: 15px 10px 10px 0;
  width: 120px;
}

.frame a{
  color: #565656;
  text-decoration: none;
  background: url(../images/zoom.jpg) left top no-repeat;
  padding: 0 0 0 15px;
}

#photos td {
  padding: 0 10px 0 0;
}

.simple-frame {
  background-color: #EFEFEF;
  padding: 5px;
  text-align: center;
  width: 112px;
  float: left;
  margin: 0 10px 10px 0;
}

.grey-frame {
  border: 6px solid #EFEFEF;
  
}

.prods {
  margin: 0 10px 0 0;
  float: left;
  text-align: center;  
}

.prods p {
  width: 100px;
  margin: 5px; 
}

/*breadcrumb */

#breadcrumb {
  background: #fff url(../images/breadcrumb_bg.jpg) left top no-repeat;
  height: 39px;
  width: 720px;
  vertical-align: middle;
}

#breadcrumb p {
  font-size: 11px;
  color: #A03D46;
  font-weight: bold;
  margin: 10px 0 0 20px;
}

#breadcrumb p a{
  font-size: 11px;
  color: #565656;
  font-weight: normal;
}


/* home page */

#home {
  margin: 0 20px 20px 0;
}

#home p{
  font-size: 12px;
}

#home h2 span{
	font-size: 16px;
	color: #3366ff;	
}

#home td.divider {
  background: url(../images/vertical_divider1.jpg) top center repeat-y;
  padding: 0 10px 0 10px;
}

#valves td {
  padding: 0 0 10px 0;
  width: 160px; 
  height: 143px;
}

#valves .title-blue{
  margin: 15px 0 0 10px;
  padding: 0;
  font-weight: bold;
  color: #506DAB;
  width: 60px;
  text-align: center;
  font-size: 11px;
}

#valves .title-brown{
  margin: 15px 0 0 10px;
  padding: 0;
  font-weight: bold;
   text-align: center;
  color: #AF2C3E;
  width: 60px;
  font-size: 11px;
 
}

#valves p{
  font-size: 10px;
  margin: 0 0 0 5px;
  color: #000;
  font-weight: bold;
  font-family: Tahoma;
}

#valves .valv1{
  background: url(../images/valve1.jpg) top left no-repeat;
}

#valves .valv1-on{
  background: url(../images/valve1_on.jpg) top left no-repeat;
}

#valves .valv2{
  background: url(../images/valve2.jpg) top left no-repeat;
}

#valves .valv2-on{
  background: url(../images/valve2_on.jpg) top left no-repeat;
}

#valves .valv3{
  background: url(../images/valve3.jpg) top left no-repeat;
}

#valves .valv3-on{
  background: url(../images/valve3_on.jpg) top left no-repeat;
}

#valves .valv4{
  background: url(../images/valve4.jpg) top left no-repeat;
}

#valves .valv4-on{
  background: url(../images/valve4_on.jpg) top left no-repeat;
}

#valves .valv5{
  background: url(../images/valve5.jpg) top left no-repeat;
}

#valves .valv5-on{
  background: url(../images/valve5_on.jpg) top left no-repeat;
}

#valves .valv6{
  background: url(../images/valve6.jpg) top left no-repeat;
}

#valves .valv6-on{
  background: url(../images/valve6_on.jpg) top left no-repeat;
}

#valves .valv7{
  background: url(../images/valve7.jpg) top left no-repeat;
}

#valves .valv7-on{
  background: url(../images/valve7_on.jpg) top left no-repeat;
}

#valves .valv8{
  background: url(../images/valve8.jpg) top left no-repeat;
}

#valves .valv8-on{
  background: url(../images/valve8_on.jpg) top left no-repeat;
}

/*home-links*/

.blue-link{
	color: #506DAB; 
}

.black-link{
	color: #000; 
	font-size: 10px;
	line-height: 120%;
	padding: 130px 0 0 0;
	display: block;
	float: left;
	width: 169px;
}

/* footer */

#footer {
  background: url(../images/footer_bg.jpg) left top repeat-y;
  width: 760px;
  margin: 0;
  padding: 0 0 0 22px;
}

#footer td {
  padding: 15px 0 5px 12px; 
  color: #999;
}

#footer img {
  margin: 0px 0 0 0;
}

#footer a {
  color: #fff;
  text-decoration: none;
  margin: 0 0 10px;
  font-size: 10px;
}

#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

#footer p {
  color: #fff;
  font-size: 10px;
}

#footer span {
	color: #AAD5FF;
}

.contact-info {
	font-size: 12px;
}

.site-map {
	margin: 0 0 0 50px;
	padding: 0;
	list-style: square;
}

.site-map li {
	padding: 4px 0 0 0;
}

.site-map a, .site-map a:visited, .site-map a:hover{
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}

.justified-text p{
	text-align: justify;
}

.certifications td{
	padding: 2px 0 4px 0;
	border-bottom: 1px solid #eee;
}

/* print preview */

#header-print {
	text-align: left;
	display: none;
}

#header-print .logo {
  padding: 14px 0 0 33px;
}

#header-print .sigle {
  padding: 14px 0 0 20px;
}

#header-print td.line {
	border-bottom: 1px solid #aaa;
}

#valves-print {
	display: none;
}