@charset "utf-8";
/* CSS Document */

body {
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
background : #98c9e9;
background-image : url(../images/WrapperBg.jpg);
background-repeat : repeat-x;
margin : 0;
padding : 0;
}
a {
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
p {
color : #05366a;
line-height:120%;
}
h1 {
color : #003366;
font-size : 14px;
font-weight : bold;
}
li {
list-style : none;
}
#container {
margin : auto;
width : 1024px;
background : #d0ecfe;
text-align : left;
}
#header {
position : relative;
background-image : url(../images/WrapperHeader.jpg);
background-repeat : repeat-x;
height : 160px;
}
#logo {
width : 250px;
height : 120px;
float : left;
margin : 0;
padding : 0;
}
#mainlogo {
padding : 30px 0 0 0;
}
#mainlogo h1 {
font-size : 30px;
font-weight : bold;
text-align : center;
margin : 0;
padding : 0;
}
#mainlogo a {
text-decoration : none;
color : #003366;
}
#logo a:hover {
text-decoration : none;
}
#mainmenu {
height : 120px;
line-height : 120px;
margin : 0;
padding : 0;
}
#mainmenu ul {
margin : 0;
padding : 0;
}
#mainmenu li {
float : left;
line-height : 45px;
font-size : 14px;
padding : 75px 0 0 1px;
}
#mainmenu li a {
color : #004b8c;
background-image : url(../images/MainMenuNormal.jpg);
background-repeat : no-repeat;
display : block;
text-align : center;
text-decoration : none;
font-weight : bold;
width : 192px;
}
#mainmenu li a:hover {
color : #f0f9fd;
background-image : url(../images/MainMenuOver.jpg);
background-repeat : no-repeat;
}
#mainmenu li a:active {
color : #f0f9fd;
background-image : url(../images/MainMenuOver.jpg);
background-repeat : no-repeat;
}
#topleftdesign {
background-image : url(../images/TopLeftBgDesign.jpg);
background-repeat : no-repeat;
float : left;
position : absolute;
width : 20px;
height : 70px;
left : -20px;
}
#toprightdesign {
background-image : url(../images/TopRightBgDesign.jpg);
background-repeat : no-repeat;
float : left;
position : absolute;
width : 20px;
height : 70px;
left : 1024px;
}
#smallmenu {
position : absolute;
float : left;
left : 0;
height : 40px;
background : #175389;
margin : 0;
padding : 0;
width : 1024px;
background-image : url(../images/BreadcrumbBg.jpg);
background-repeat : repeat-x;
}
#smallmenu ul {
margin : 0;
padding : 0;
}
#smallmenu li {
float : left;
line-height : 40px;
font-size : 14px;
}
#smallmenu li a {
color : #cdeefe;
text-decoration : none;
}
#smallmenu a img {
outline : none;
border : none;
padding : 9px 5px 2px 10px;
}
#breadcrumb {
position : relative;
float : left;
left : 250px;
line-height : 40px;
margin : 0;
padding : 0;
height : 40px;
}
#breadcrumb ul {
margin : 0;
padding : 0;
color : #b0e5fb;
background-image : url(../images/BreadcrumbBg.jpg);
background-repeat : repeat-x;
}
#breadcrumb li {
position : relative;
float : left;
font-size : 14px;
color : #98c9e9;
padding : 0 0 0 10px;
margin : 0;
}
#breadcrumb a {
color : #cdeefe;
font-size : 14px;
padding : 0 2px 0 2px;
text-decoration : none;
}
#breadcrumb li a:hover {
text-decoration : underline;
}
#searchbar {
float : right;
position : relative;
margin : 0;
padding : 0;
line-height : 40px;
}
#searchbar input[type="image"] {
vertical-align : middle;
outline : none;
border : none;
width: 26px;
height: 26px;
padding : 0;
margin : 0;
}
#searchbar a img {
vertical-align : middle;
outline : none;
border : none;
padding : 0 6px 2px 0;
margin : 0;
}
#searchbar input {
vertical-align : middle;
width : 190px;
background-color : #f0f9fd;
border : 1px solid #4396ca;
color : #4396ca;
height : 20px;
padding : 2px 2px 1px 4px;
margin : 2px 0 3px 0;
}
#huntbanner {
position : relative;
float : left;
margin : 0;
padding : 0;
width : 1024px;
height : 240px;
background : #3a8fc7;
}
#logobg {
position : relative;
float : left;
height : 130px;
margin : 0;
padding : 0;
background : #3a8fc7;
}
#huntlasercut {
position : relative;
float : left;
width : 246px;
margin : 0;
padding : 0 0 0 8px;
}
#huntlasercut img {
outline : none;
border : none;
}
#huntlasercut a {
text-decoration : none;
color : #004b8c;
}
#huntlasercut h1 {
position : relative;
float : left;
top : -36px;
left : 46px;
text-align : center;
color : #004b8c;
font-size : 18px;
font-weight : bold;
margin : 0;
padding : 0;
}
#lasercuttable table {
background-color : #c3e5fb;
width : 730px;
margin : 0 20px 10px 20px;
}
#lasercuttable table th {
padding : 4px 4px 4px 10px;
width : 160px;
}
#lasercuttable table td {
padding : 4px 4px 4px 10px;
}
.lasertableodd {
background-color : #dff2ff;
}
#lasercuttable table caption {
text-align : left;
margin : 0;
padding : 0 0 10px 14px;
font-weight : bold;
}
.dashdivider {
border-bottom : 1px dashed #175389;
width : 730px;
position : relative;
float : left;
margin : 10px 10px 20px 20px;
padding : 0;
}
#tankindustries {
position : relative;
float : left;
width : 246px;
margin : 0;
padding : 0;
}
#tankindustries img {
outline : none;
border : none;
}
#tankindustries a {
text-decoration : none;
color : #004b8c;
}
#tankindustries h1 {
position : relative;
float : left;
top : -36px;
left : 40px;
text-align : center;
color : #004b8c;
font-size : 18px;
font-weight : bold;
margin : 0;
padding : 0;
}
#hopleysopenwebsteeljoist {
position : relative;
float : left;
width : 246px;
margin : 0;
padding : 0;
}
#hopleysopenwebsteeljoist img {
outline : none;
border : none;
}
#hopleysopenwebsteeljoist a {
text-decoration : none;
color : #004b8c;
}
#hopleysopenwebsteeljoist h1 {
position : relative;
float : left;
top : -36px;
left : 40px;
text-align : center;
color : #004b8c;
font-size : 14px;
font-weight : bold;
margin : 0;
padding : 0;
}
#hopleyssheetmetal {
position : relative;
float : left;
width : 246px;
margin : 0;
padding : 0;
}
#hopleyssheetmetal img {
outline : none;
border : none;
}
#hopleyssheetmetal a {
text-decoration : none;
color : #004b8c;
}
#hopleyssheetmetal h1 {
position : relative;
float : left;
top : -36px;
left : 41px;
text-align : center;
color : #004b8c;
font-size : 14px;
font-weight : bold;
margin : 0;
padding : 0;
}
#hopleysbrochurebg {
position : relative;
top : 0;
float : right;
background-image : url(../images/HopleysBrochureBg.jpg);
background-repeat : no-repeat;
margin : -3px 0 20px 10px;
padding : 0;
width : 234px;
height : 87px;
}
#hopleysbrochurebg a {
	color : #fff7eb;
	text-decoration : none;
	font-size : 16px;
	margin : 0 10px 0 0;
	padding : 0 10px 0 0;
	position : absolute;
	top : 24px;
	left : 80px;
	text-align : center;
}
#hopleysbrochurebg a:hover {
text-decoration : underline;
}
#huntbrochurebg {
position : relative;
top : 0;
float : right;
background-image : url(../images/HopleysBrochureBg.jpg);
background-repeat : no-repeat;
margin : -3px 0 20px 10px;
padding : 0;
width : 234px;
height : 87px;
}
#huntbrochurebg a {
	color : #fff7eb;
	text-decoration : none;
	font-size : 16px;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	position : absolute;
	top : 24px;
	left : 80px;
	text-align : center;
}
#huntbrochurebg a:hover {
text-decoration : underline;
}
#tankbrochurebg {
position : relative;
top : 0;
float : right;
background-image : url(../images/TankBrochureBg.jpg);
background-repeat : no-repeat;
margin : -3px 0 20px 10px;
padding : 0;
width : 234px;
height : 174px;
}
#tankbrochurebg a {
	color : #483000;
	text-decoration : none;
	font-size : 16px;
	margin : 14px 0 0 40px;
	padding : 14px 10px 0 40px;
	position : absolute;
	text-align : center;
}
#tankbrochurebg a:hover {
text-decoration : underline;
}
#hopleysspantablebg {
position : relative;
float : right;
background-image : url(../images/HopleysSpanTableBg.jpg);
background-repeat : no-repeat;
margin : -3px 0 20px 10px;
padding : 0;
width : 234px;
height : 87px;
}
#hopleysspantablebg a {
color : #483000;
text-decoration : none;
font-size : 16px;
margin : 0 20px 0 0;
padding : 0 20px 0 0;
position : absolute;
top : 24px;
left : 80px;
text-align : center;
}
#hopleysspantablebg a:hover {
text-decoration : underline;
}
#hopleysdwgbg {
position : relative;
float : right;
background-image : url(../images/Hopleysdwgbg.jpg);
background-repeat : no-repeat;
margin : -3px 0 20px 10px;
padding : 0;
width : 234px;
height : 87px;
}
#hopleysdwgbg a {
color : #483000;
text-decoration : none;
font-size : 16px;
margin : 0 20px 0 0;
padding : 0 20px 0 0;
position : absolute;
top : 16px;
left : 80px;
text-align : center;
}
#hopleysdwgbg a:hover {
text-decoration : underline;
}
.logodivider {
position : relative;
float : left;
height : 130px;
width : 8px;
background-image : url(../images/LogoDivider.jpg);
background-repeat : no-repeat;
margin : 0;
padding : 0;
}
#sectorcontent {
position : relative;
float : left;
left : 0;
margin : 0;
padding : 0;
background : #3a8fc7;
}
.sector {
position : relative;
float : left;
width : 238px;
margin : 0;
padding : 0 0 0 8px;
}
.sector a {
color : #e2f3ff;
font-size : 14px;
text-decoration : none;
font-weight : bold;
}
.sector a:hover {
text-decoration : underline;
}
.sector h1 {
color : #e2f3ff;
font-size : 14px;
font-weight : normal;
margin : 0;
padding : 10px 0 0 0;
}
.sectordivider {
position : relative;
float : left;
height : 200px;
width : 8px;
background : #4596ca;
margin : 0;
padding : 0;
}
.sectordividerends {
position : relative;
float : left;
height : 200px;
width : 8px;
background : #3a8fc7;
margin : 0;
padding : 0;
}
#huntlogo {
position : relative;
float : left;
margin : 0;
padding : 0;
}
#huntlogo h1 {
position : relative;
float : left;
left : -40px;
margin : 0;
padding : 0;
}
#huntlogo h1 a {
text-decoration : none;
color : #003366;
margin : 0;
padding : 0;
}
#huntlogo a img {
outline : none;
border : none;
}
#tanklogo {
position : relative;
float : left;
margin : 0;
padding : 0;
}
#tanklogo h1 {
position : relative;
float : left;
left : -30px;
margin : 0;
padding : 6px 0 0 0;
}
#tanklogo h1 a {
text-decoration : none;
color : #003366;
margin : 0;
padding : 0;
}
#tanklogo a img {
outline : none;
border : none;
}
#hopleyssteeljoistlogo {
position : relative;
float : left;
margin : 0;
padding : 0;
}
#hopleyssteeljoistlogo h1 {
position : relative;
float : left;
font-size : 14px;
left : 6px;
margin : 0;
padding : 0;
}
#hopleyssteeljoistlogo h1 a {
text-decoration : none;
color : #003366;
margin : 0;
padding : 0;
}
#hopleyssteeljoistlogo a img {
outline : none;
border : none;
}
#hopleysinstalldiagram img {
position : relative;
float : left;
margin : 0;
padding: 10px 10px 10px 20px;
outline : none;
border : none;
}
#hopleysfabricationlogo {
position : relative;
float : left;
margin : 0;
padding : 0;
}
#hopleysfabricationlogo h1 {
position : relative;
float : left;
font-size : 14px;
left : 6px;
margin : 0;
padding : 0;
}
#hopleysfabricationlogo h1 a {
text-decoration : none;
color : #003366;
margin : 0;
padding : 0;
}
#hopleysfabricationlogo a img {
outline : none;
border : none;
}
#salogo a img {
position : relative;
float : left;
margin : 0;
padding : 20px 0 20px 20px;
border : none;
outline : none;
}
#fpalogo a img {
position : relative;
float : left;
margin : 0;
padding : 20px 0 20px 20px;
border : none;
outline : none;
}
#isologo a img {
position : relative;
float : left;
margin : 0;
margin : 20px 0px 20px 20px;
border : none;
outline : none;
}
.leftfloat {
	position:relative;
	float:left;
}
#isologo2 a img {
position : relative;
float : right;
margin : 0;
margin : -20px 20px 20px 0px;
border : none;
outline : none;
}
#awalogo a img {
position : relative;
float : left;
margin : 0;
padding : 20px 0 20px 20px;
border : none;
outline : none;
}
#midbody {
position : relative;
float : left;
left : 0;
background-color : #bbe4ff;
margin : 0;
padding : 0;
width : 1024px;
}
#leftpanel {
position : relative;
float : left;
width : 250px;
margin : 0;
padding : 0;
background-color : #bbe4ff;
}
#leftmenu {
position : relative;
float : left;
width : 250px;
background-color : #0162a4;
font-size : 14px;
margin : 0;
padding : 0;
}
#leftmenu ul {
margin : 0;
padding : 0;
}
#leftmenu li {
margin : 0;
padding : 0;
background-image : url(../images/LeftMenuNormal.jpg);
background-repeat : no-repeat;
}
#leftmenu .doublelinelist a {
height : 50px;
line-height : 20px;
padding : 10px 0 0 20px;
margin : 0;
background-image : url(../images/LeftMenuNormal02.jpg);
background-repeat : no-repeat;
}
#leftmenu .doublelinelist a:hover {
background-image : url(../images/LeftMenuOver02.jpg);
background-repeat : no-repeat;
}
#leftmenu a {
color : #bbe4ff;
text-decoration : none;
height : 40px;
line-height : 40px;
display : block;
margin : 0;
padding : 0 0 0 20px;
}
#leftmenu a:hover {
background-image : url(../images/LeftMenuOver.jpg);
background-repeat : no-repeat;
color : #175389;
}
#leftmenu a:active {
background-image : url(../images/LeftMenuOver.jpg);
background-repeat : no-repeat;
color : #175389;
}
#relatedlinks {
background-repeat : repeat-y;
width : 250px;
font-size : 14px;
}
#relatedlinks ul {
margin : 0;
padding : 0;
}
#relatedlinks li {
height : 40px;
line-height : 40px;
margin : 0;
padding : 0 0 0 20px;
}
#relatedlinks p {
height : 40px;
line-height : 40px;
color : #b0e5fb;
background-image : url(../images/RelatedLinksBg.jpg);
background-repeat : no-repeat;
background-color : #175389;
display : block;
margin : 0;
padding : 0 0 0 30px;
}
#relatedlinks a {
color : #175389;
text-decoration : none;
}
#relatedlinks a:hover {
text-decoration : underline;
}
#relatedlinks {
position : relative;
float : left;
margin : 0;
padding : 0;
}
#rightpanel {
position : relative;
float : left;
width : 774px;
color : #05366a;
font-size : 14px;
background-color : #edf8fd;
height : 100%;
}
bannerarea {
position : relative;
float : left;
width : 774px;
height : 200px;
margin : 0;
padding : 0;
}
#banner {
position : relative;
float : left;
width : 540px;
margin : 0;
padding : 0;
}
#call {
position : relative;
float : left;
width : 234px;
height : 200px;
background-image : url(../images/CallBg.jpg);
background-repeat : no-repeat;
margin : 0;
padding : 0;
font-family : Tahoma, Arial, Geneva;
}
#call p {
position : absolute;
float : left;
margin : 0;
padding : 0;
top : 28px;
left : 106px;
font-size : 24px;
color : #992200;
}
#call a {
color : #333;
}
#call ul {
position : absolute;
float : left;
margin : 0;
padding : 0;
top : 104px;
left : 18px;
}
#call li {
padding : 0 0 10px 0;
font-weight : bold;
color : #333;
}
#textcontent {
position : relative;
float : left;
margin : 0;
padding : 0;
}
#textcontent h1 {
margin : 0;
padding : 20px 20px 10px 20px;
font-size : 16px;
font-weight : bold;
}
#textcontent h2 {
margin : 0;
padding : 10px 20px 10px 20px;
font-size : 14px;
font-weight : bold;
}
#textcontent p {
margin : 0;
padding : 10px 20px 10px 20px;
}
#textcontent ul {
margin : 0;
padding : 0 20px 0 36px;
}
#textcontent li {
margin : 0;
padding : 4px 20px 4px 4px;
list-style : square;
}
#textcontent ol {
margin : 0;
padding : 0 20px 0 44px;
}
#textcontent ol li {
list-style : decimal;
margin : 0;
padding : 4px 20px 4px 0;
}
#sitemapdivisionbg {
width : 760px;
height : 30px;
margin : 0;
padding : 0;
background-image : url(../images/SitemapDivisionBg.jpg);
background-repeat : no-repeat;
position : relative;
left : 130px;
}
.sitesection {
font-size : 14px;
padding : 0 0 0 10px;
margin : 0;
}
.sitesection h1 {
background-color : #0162a4;
margin : -10px -10px 0 -10px;
padding : 10px 10px 10px 10px;
color:#D7F2FF;
}
.sitesection li h1 a {
text-decoration : none;
color : #D7F2FF;
}
.sitesection h1 a:hover {
text-decoration : underline;
}
.sitesection h2 {
margin : 0;
padding : 20px 0 10px 10px;
text-align : center;
}
.sitesection h2 a {
text-decoration : none;
color : #005ba1;
font-size : 20px;
}
.sitesection h2 a:hover {
text-decoration : underline;
}
.sitesection h3 {
margin : 0;
font-size : 14px;
padding : 0 0 0 0;
color : #175389;
}
.sitesection ul {
position : relative;
float : left;
width : 230px;
background-color : #edf8fd;
padding : 0;
margin : 0 10px 0 10px;
}
.sitesection li {
padding : 10px 10px 10px 10px;
margin : 0;
}
.sitesection li a {
color : #175389;
}
.sitesection p {
padding : 0 0 0 0;
font-size : 13px;
}
#spacer {
position : relative;
padding : 0;
margin : 20px 0 0 0;
float : left;
clear : both;
}
#footer {
position : relative;
float : left;
left : 0;
height : 40px;
background : #175389;
margin : 0;
padding : 0;
width : 1024px;
background-image : url(../images/BreadcrumbBg.jpg);
background-repeat : repeat-x;
}
#copyright {
position : absolute;
margin : 0;
padding : 0;
left : 0;
}
#copyright ul {
margin : 0;
padding : 0;
}
#copyright li {
color : #b0e5fb;
font-size : 12px;
left : 0;
line-height : 40px;
padding : 0 10px 0 14px;
}
#footermenu {
line-height : 40px;
color : #63a9d8;
text-align : left;
margin : 0;
padding : 0;
}
#footermenu ul {
margin : 0;
padding : 0;
}
#footermenu li {
left : 320px;
font-size : 12px;
float : left;
position : relative;
padding : 0 10px 0 10px;
}
#footermenu li a {
color : #cdeefe;
text-decoration : none;
}