/* Page Attributes */
html { height: 100%; margin-bottom: 1px; }

body {
margin: 0px;
padding: 0px;
margin-top: 0px;
margin-left: 20px;
background-color: #FFFFFF;
background-image: url(bg.gif);
background-repeat: repeat-x;
background-position: top;

text-align: center;
font-family: Arial, "Times New Roman", sans-serif;
font-size: 100%;
}
div, fieldset {
border: 0px;
}
img { border: 0px; }

h1, h2, h3, h4, h5, h6, form  {
margin: 0px;
padding: 0px;
}
table {
margin: 0px;
}
.clear {
clear: both;
line-height: 0px;
border: 0px;
height: 0px;
}
.clear_list {
clear: both;
}

p {
margin-top: 10px;
margin-bottom: 10px;
}

.text {
font-size: 0.7em;
}

.text li {
list-style-type: decimal;
margin-left: 17px;
}

.texta li {
list-style-type: disc;
margin-left: 17px;
}

.texta {
font-size: 0.7em;
}

li.remove_bullet {
list-style-type: none;
}

#main a {
color: #0575b3;
}

#main a:hover {
text-decoration: none;
}
/* Layout Blocks */
#printfooter {
display: none;
}
#center {
margin-left: auto;
			margin-right: auto;
}

#container {
					
			width: 600px;
			\width: 605px;
			w\idth: 600px;
			border: 0px;

			padding-left: 15px;
			padding-right: 15px;
		background-image: URL(stripbg.gif);

		background-repeat: repeat-y;
			
			text-align: left;
			
			margin: auto;
		}
		/* no png for ie */
		body > #container {		background-image: URL(stripbg.png);}
		
	#header-flash {
			position: absolute;
		top: 0px;
			padding: 0px;
			margin: 0px;
			z-index: 2;
		}
		#logo {
			position: absolute;
		top: 20px;
			left: 250px;
			z-index: 5;
		}
		#header {
			position: absolute;
			top: 0px;
			z-index: 1;
			padding: 0px;
			
			margin: 0px;
			
			
			height: 100px;
			width: 600px;
			background-image: url(searchbar.gif);
			background-repeat: no-repeat;
			background-position: bottom right;
		}
		
		#searchbox fieldset {
		margin: 0px;
			padding: 0px;
		padding-top: 70px;
		float: right;
		
		}
		#searchbox label {
		color: #0575b3;
		font-weight: bold;
		font-size: 0.7em;
		margin-top: 7px;
		float: left;
		}
		#searchbox #searchinput {
	height: 1.4em;
		width: 110px;
		margin: 0px;
			padding: 0px;
			margin-top: 2px;
			margin-left: 5px;
			float: left;
		}
		
		#searchbox #searchgo {
		background-image: url(searchgo.gif);
			background-repeat: no-repeat;
			width: 14px;
			height: 18px;
			outline: none;
			margin: 0px;
			margin-top: 2px;
			margin-left: 5px;
			padding: 0px;
		float: left;
		}
		
		#below_header {

			padding-top: 100px;
			width: 600px;
		padding-bottom: 0px;
		margin: 0px;

		}

		#main {
		float: right;
		width: 464px;
			padding: 0px;
			padding-top: 15px;
			margin-top: 10px;
			margin-left: 0px;
			background-color: #FFFFFF;
		padding-bottom: 10px;
		}

		#sidebar {
			float: left;
			width: 125px;
			margin: 0;
			margin-right: 10px;
			padding: 0px;
			padding-bottom: 165px;
		}

		#infobox {
		margin: 0px;
		margin-top: -167px;
		float: left;
		padding-left: 10px;
		height: 140px;
		width: 115px;
		}
		
		#footer {
			clear: both;
			padding: 0px;
			margin: 0px;
	margin-top: 0px;
			width: 600px;
			height: 27px;
			background-color: #cccccc;
		}
		
h1 {
display: none;
}
/* homepage only and zingard */
#homepagefooter {
		padding: 0px;
		margin: 0px;
		margin-top: -5px;
		float: right;
		width: 465px;
		
background-image: url(home_mainbg.jpg);
	background-repeat: no-repeat;
background-position: bottom left;

}
.footer-bg {
background-image: url(footerbg.jpg);
background-repeat: repeat-y;
}
#homecolumn {
	list-style: none;
		margin: 0;
		padding: 0;
		border: none;

		}
#homecolumn li {
display: block;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
width: 146px;

float: left;
background-color: #F2F2F2;
border-right: 1px solid #D0D0D0;

background-image: url(home_hbg.gif);
background-repeat: repeat-x;
background-position: top;
}

#homecolumn ul {
	list-style: none;
		margin: 0;
		padding: 0;
		margin-top: 0px;
		border: none;
		
}

#homecolumn h3 {
	display: block;
	height: 25px;
		margin: 0;
		padding: 0;
  font-size: 0.7em;
	
		}
#homecolumn h3 span {
	
	position: absolute;
	width: 146px;
	height: 25px;
	}
  #homecolumn p {
	padding-left: 6px;
	padding-right: 6px;
	}

#homecolumn ul li {
display: block;
margin-top: 4px;
padding: 5px;

width: 140px;
height: auto;
background-color: #FFFFFF;
border-right: 0px;
background-image: none;

font-size: 0.7em;
color: #F78C02;
}

#homecolumn ul li a {
color: #F78C02;
text-decoration: none;
}
#homecolumn ul li em {
font-style: normal;
color: #000000;
}
#homecolumn h3 a {
text-decoration: none;
	
		}
#homecolumn #latestnews {
border-right: 0px; 
padding-right: 0px; 
width: 150px;
background-color: #E1E1E1;
}

#home_news a {
display: block;
}
#home_news a:hover {

}

#latest_news {
margin: 0px;
padding: 0px;
list-style: none;
}

#latest_news li a {
text-decoration: none;
color: #000000;
}
#latest_news li a:hover {

}
#latest_news li {
display: block;
margin: 0px;
padding: 0px;
padding-bottom: 20px;
height: auto;
background-color: #FFFFFF;
border-right: 0px;
background-image: none;

color: #000000;
font-size: 0.7em;

}
#latest_news li em {
font-style: normal;
font-size: 1.2em;
font-weight: bold;
color: #000000;
}

#latest_news li span {
font-style: normal;
font-weight: bold;

color: #F78C02;
}

/* item display */
#itemdisplay {
	list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
#itemdisplay li {
display: block;
padding: 0px;
width: 232px;

float: left;
background-image: url(item_bg.gif);
background-repeat: repeat-y;
background-position: top;
}

#itemdisplay li .itemdisplay_top, #itemdisplay li .itemdisplay_bottom  {
display: block;
padding: 0px;
margin: 0px;
width: 232px;

float: left;
background-repeat: no-repeat;
background-position: top;
}

#itemdisplay li .itemdisplay_top {
background-image: url(item_bg_top.gif);
height: 5px;
padding: 0px;
margin: 0px;
}

#itemdisplay li .itemdisplay_bottom {
background-image: url(item_bg_bottom.gif);
height: 15px;
padding: 0px;
margin: 0px;
}

#itemdisplay li .item_text a {
float: right;
display: block;
width: 130px;
padding: 10px;

font-size: 0.7em;
text-decoration: none;
color: #000000;
}
#itemdisplay li .item_text a:hover {
display: block;
}
#itemdisplay li .item_text a strong {
color: #073564;
}
#itemdisplay li .item_text a em {
font-style: normal;
color: #f78c02;
}

#itemdisplay li .item_text_category {
float: right;
display: block;
width: 130px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
height: 80px;
line-height: 0.8em;
text-decoration: none;
color: #000000;
}

#itemdisplay li .item_text_category a {
text-decoration: none;
color: #000000;
font-size: 0.7em;
}
#itemdisplay li .item_text_category a:hover {
}

#itemdisplay li .item_text_category h3 a {
line-height: 1.3em;
font-size: 1em;
text-decoration: none;
color: #f78c02;
}
#itemdisplay li .item_text_category h3 a:hover {
}


#itemdisplay li .item_image {
float: left;
padding-top: 5px;
padding-left: 10px;
}
#itemdisplay li .item_image img {
padding: 0px;
margin: 0px;
border: none;
}

.product_image {
padding: 5px;
float: right;
}

.product_image_left {
padding: 5px;
float: left;
}


/* metal tabs */
#tabs {
	list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		height: 27px;
		margin-bottom: 5px;
		border-bottom: 2px solid #e5e5e5;
		}
#tabs li {
display: block;
padding: 0px;
height: 27px;
float: left;
background-image: url(tab_bg.gif);
background-repeat: repeat-x;
background-position: top;
}

#tabs li.first {
display: block;
padding: 0px;
height: 19px;
float: left;
background-image: none;
font-weight: bold;
font-size: 0.7em;
color: #000000;
padding-top: 8px;
padding-left: 5px;
}

#tabs li .tabs_left, #tabs li .tabs_right  {
display: block;
padding: 0px;
margin: 0px;
height: 27px;

background-repeat: no-repeat;
background-position: top;
}

#tabs li .tabs_left {
background-image: url(tab_left.gif);
width: 7px;
padding: 0px;
margin: 0px;
float: left;
}

#tabs li .tabs_right {
background-image: url(tab_right.gif);
width: 13px;
padding: 0px;
margin: 0px;
float: right;
}

#tabs li a {
margin: 0px;
float: left;
display: block;

padding: 0px;
padding-top: 8px;
padding-left: 5px;
height: 19px;
font-size: 0.7em;
text-decoration: none;
font-weight: bold;
color: #214189;
}
#tabs li a:hover {
color: #f78c02;
}

#tabs li a.selected {
color: #f78c02;
}
#tabs li a:hover {
color: #f78c02;
}

/* navigation styling */
#nav {
width: 125px;
	list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}

#nav li {
		margin: 0;
		width: 125px;
			border-bottom: 1px solid #FFFFFF;
		}
#nav li a {
		display: block;
		padding: 5px;	
		background-color: #e5e5e5;
		color: #000000;
		border: 0px;
		
	width: 110px;
		text-transform: lowercase;
		text-decoration: none;
		font-size: 0.8em;
		letter-spacing: -0.08em;
		padding-left: 10px;
		}

		

	html>body #nav li a {
		width: auto;
		}
		
		
	#nav li a:hover {
    background-color: #214189;
		color: #FFFFFF;
	}
	
	#nav li .selected {
	background-color: #214189;
		color: #FFFFFF;
	}
	
#nav li ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}	

#nav li ul li {
		margin: 0;
			border-bottom: 1px solid #FFFFFF;
		}
#nav li ul li a {
		display: block;
		padding: 5px;
		background-color: #b7b7b7;
		color: #000000;
		border: 0px;
		
		text-decoration: none;
		font-size: 0.8em;
		padding-left: 10px;
	text-transform: lowercase;
		
		}


	html>body #nav li ul li a {
		width: auto;
		}

		
	#nav li ul li a:hover {
    background-color: #214189;
		color: #FFFFFF;
	}	
		
#nav li ul #selected a:hover {
border-left: 8px solid #F0BE08; background-color: #FFF033; }

#contact {
height: 130px;
background-color: #E5E5E5;
}
#leisure_container {
padding: 0px;
margin: 0px;
border: 0px;
padding-top: 1px;
}

#leisure_container ul {
padding: 0px;
margin: 0px;

}

#hull_anode_info {
width: 150px;
float: right;
}
/* table styling */
table {
padding: 0px;
border: 0px;
margin: 0px;

border-bottom: 1px solid #d5d6d6;
margin-bottom: 20px;
}
table tr {
border-bottom: 1px solid #d5d6d6;
}
table td, table th {
padding: 5px;
}

table th {
font-size: 0.7em;
text-align: left;
color: #f89413;

}
table td {
font-size: 0.7em;
border-top: 1px solid #d5d6d6;
}


/* font styling */
h2 {
margin-top: 10px;
color: #F78C02;
font-size: 1em;
}

h3 {
margin-top: 0px;
color: #F78C02;
font-size: 0.8em;
}

hr {
line-height: 0px;
height: 0px;
border: 0px;
border-top: 1px solid #d0d0d0;
}

p {
font-size: 0.7em;
padding: 0px;
margin-top: 10px;

}

p a, td a {
color: #0575b3;
font-weight: bold;
}

p a:hover, td a:hover {
text-decoration: none;
}

#infobox p {
font-size: 0.65em;
}

#infobox p a {
text-decoration: underline;
color: #000000;
}

#infobox p a:hover {
text-decoration: none;
}

.large_red {
font-size: 1.3em;
color: #FC3913;
font-weight: bold;
}

strong {
color: #0575b3;
}

.pdf_category_img {
padding: 0px;
padding-left: 10px;
padding-right: 10px;
}

/* form styling */
input {

font-size: 0.7em;
}

form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
/* form styling */
form.cms_input {
margin: 0px;
padding: 0px;
}

form.cms_input ol li {
font-size: 0.7em;
}

form.cms_input fieldset {
padding: 0px;
margin: 0px;
  margin-bottom: 10px;
	width: 460px;
	background-color: #FFFFFF;
 border: 0px;
 clear: both;
}
form.cms_input fieldset legend {
  padding: 0px;
	
	margin: 0px;
	margin-left: -8px;
	font-size: 1em;
  font-weight: bold;
	color: #F78C02;

}
form.cms_input label {
  display: block;
	width: 120px;
	float: left;
  line-height: 1.8;
  vertical-align: top;
	
	
}

form.cms_input fieldset input,form.cms_input textarea {
  display: block;
	width: 300px;
	margin-right: 10px;
	float: right;
  
	font-family: Arial;
	font-size: 1em;
}

form.cms_input textarea {
height: 150px;
}

.submit {
height: 2em;
	line-height: 1.5em;
	
	color: #5b5b5b;
}

form.cms_input fieldset input {
  height: 1.5em;
	line-height: 1.5em;
}

form.cms_input fieldset ol {
  margin: 0;
  padding: 0;
	
	
}
form.cms_input li {

 padding-bottom: 5px;
	}
	
form.cms_input fieldset li {
  list-style: none;
	padding: 5px;
	height: 2em;
  margin: 0;
	clear: both;
	}

form.cms_input fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cms_input fieldset fieldset label {
  display: block;
  width: auto;
}

form.cms_input label {
  width: 120px; /* Width of labels */
}
form.cms_input fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/* hull anode form styling */
/* form styling */
form.oparea, form.oparea fieldset ol, form.hullmat, form.hullmat fieldset ol {
margin: 0px;
padding: 0px;
height: 140px;
float: left;
}

 form.vesseltype, form.vesseltype fieldset ol {
 margin: 0px;
padding: 0px;

float: left;
 }
 
  form.metaltype, form.metaltype fieldset ol {
 margin: 0px;
padding: 0px;
height: 30px;
float: left;
 }



form.oparea fieldset, form.hullmat fieldset, form.vesseltype fieldset, form.metaltype fieldset   {
padding: 0px;
margin: 0px;

	width: 150px;
	background-color: #FFFFFF;
 border: 0px;
 float: left;
}

form.oparea fieldset li, form.hullmat fieldset li, form.vesseltype fieldset li, form.metaltype fieldset li {
  list-style: none;

	height: 2em;
 
	clear: both;
	font-size: 0.7em;
padding: 0px;
padding-left: 5px;
 margin: 0px;
	}
	
	form.oparea fieldset legend, form.hullmat fieldset legend, form.vesseltype fieldset legend, form.metaltype fieldset legend {
  padding: 0px;
  font-weight: bold;
	font-size: 0.8em;
	color: #F78C02;
	padding-bottom: 10px;
}

form.oparea fieldset label {
}

form.oparea fieldset input,form.oparea textarea {
  display: block;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
	float: left;
  
	font-family: Arial;
	font-size: 1em;
}

#ha_form {
float: right;
width: 462px;
height: 150px;
padding: 0px;
margin: 0px;
background-color: #EEEEEE;
}

.second_row td {
background-color: #EEEEEE;
border-top: 0;
}

.stockists_table {
border: none;
margin: 0px;
padding: 0px;
}

.stockists_table td {
border: none;
}

.stockists_h3 {
color: #0575b3;
}

#loading {
width: 443px;
text-align: center;
clear: both;
display: none;
padding: 10px;
border: 0px;
}

#has_input_area {
display: block;
height: 200px;
width: 464px;
}

#product_categories, #product_categories_exp {
border: none;
}

.search {
margin: 0px;
padding: 0px;
}

.cd {
font-size: 0.5em;
color: #b1b1b1;
}

#vessel_type_overlay {
position: relative;
width: 680px;
height: 350px;
background-color: #FFFFFF;
margin-bottom: -210px;
border: 1px solid #000000;
bottom: 208px;
right: 177px;

overflow: none;
text-align: center;


}