@charset "utf-8";

body{
	background-color: #FFCC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top:0px;
	color: #000000;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFCC00;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFCC00;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	margin-top:15px;
}


ul{
	display:block;
	width:300px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float: left;
	clear: both;
}

#sitecontainer {
	width: 960px;
	margin:0 auto;
	background:  transparent url(images/mainBG.gif) top right repeat-y;
	
}

#siteheader {
	width: 960px;
	background: #464646 url(images/labelpic2.jpg) top right no-repeat;
	height: 100px;
	border-top: 2px solid #262626;
}

#siteheader img {
	display:block;
	float:left;
	position:relative;
	top:7px;
	left:10px;
	margin:0px 0px 0px 0px;
}

#siteheader h2{
	float:right;
	position:relative;
	top:30px;
	width:200px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	right: 10px;
	display:block;
	margin:0px 0px 0px 0px;
}

#siteheader ul{
	display:inline;
	width:690px;
	height:30px;
	float:left;
	position:relative;
	top:69px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	clear:none;
	left:185px;
}

#siteheader ul li{
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:30px;
	line-height:30px;
	list-style-image: url(images/bullet.gif);
	list-style-type: disc;
}

#siteheader ul li a{
	text-decoration:none;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:0px 6px 0px 0px;
	padding:0px 5px 0px 5px;
	float:left;
}

body#homepage #sitecontainer #siteheader ul li a#b1,body#hbseries #sitecontainer #siteheader ul li a#b2,body#hshroundlineseries #sitecontainer #siteheader ul li a#b3,body#hhmiseries #sitecontainer #siteheader ul li a#b4,body#customdesigncylinders #sitecontainer #siteheader ul li a#b5,body#contact #sitecontainer #siteheader ul li a#b6{
background:#252524 url(images/menubg1.gif) top right repeat-x;color:#FFFFFF; border-left:1px solid #e6e6e6;border-right:1px solid #3d3d3d;border-top:1px solid #e6e6e6;
}

#siteheader ul li a:hover{
background:transparent url(images/menubg.gif) top right repeat-x;color:#000000;
}

#hpbodyContainer{
	width: 960px;
	background-color: #FFF899;
}

#hpleftBody{
	width: 370px;
	display:block;
	float: left;
	background:#464646 url(images/bgsideshadow.gif) top right  repeat-y;
}

#hpbodyTxt {
	display:block;
	float:left;
	width:370px;
	background:transparent url(images/bgshadowbar.gif) top right  no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	
#hpbodyTxt h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	color: #FFCC00;
}

#hpbodyTxt a{
	color: #FFCC00;
	text-decoration:underline;
}

#hpbodyTxt a:hover{
	color: #FFFFFF;
	text-decoration:none;
}
#hpbodyTxt p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 15px;
	margin-right: 18px;
	margin-bottom: 12px;
	margin-left: 15px;
	color: #FFFFFF;
	text-align: left;
}

#hpbodyTxt ul{
	display:block;
	width:325px;
	margin:0px 0px 0px 35px;
	padding:0px 0px 0px 0px;
	float: left;
	clear: both;
	color: #FFFFFF;
	margin-bottom: 10px;
	list-style-position: inside;
}


.hptable{
	margin-left:29px;
	margin-top:20px;
	color:#FFCC00;
}


	
#btnPDF{
	display:block;
	float:left;
	width:370px;
	height:45px;
	background:#FFDD37 url(images/pdfbutton.jpg) top right no-repeat;
}

#hprightBody{
	width: 590px;
	background-color:#FFF899;
	top: 0px;
	float: right;
}

#hprightBodyTxt{
	width:560px;
	height:45px;
	line-height:45px;
	float:left;
	background-color: #FFF899;
}

#hprightBodyTxt p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	color: #000000;
	text-align: left;
	font-weight: bold;
}


#hprightBodyTxt2{
	width:565px;
	float:left;
	background-color: #FFF899;
}

#hprightBodyTxt2 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	color: #000000;
	text-align: left;
}

#hprightBodyTxt2 ul{
	display:block;
	width:552px;
	margin:0px 0px 0px 45px;
	padding:0px 0px 0px 0px;
	float: left;
	clear: both;
	color: #000000;
	margin-bottom: 10px;
	list-style-position: inside;
}


#hpflashsubheading{
	display:block;
	float:left;
	width:590px;
	height:45px;
	margin: 0px;
	padding: 0px;
}

#bottombar{
	width: 960px;
	height:50px;
	background: url(images/bgbottom.gif) top right repeat;
}

#bottombarTxt{
	width:550px;
	height:50px;
	line-height:50px;
	float:left;	
}

#bottombarTxt p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	color: #FFFFFF;
	text-align: left;
}

#bottombar a{
	text-decoration:none;
	color:#FFD401;
}

#bottombar a:hover{
	color:#FFF899;
	text-decoration: underline;
}

#bottombarPartner{
	width:360px;
	height:50px;
	float:right;
	line-height: 50px;
}

#bottombarPartner img{
	display:block;
	float:right;
	position:relative;
	top:0px;
	margin:0px 0px 0px 0px;
	right: 0px;
}

#bottombarPartner p{
	display:block;
	float:left;
	left:0px;
	position:relative;
	top:0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: right;
}

#footerbar{
	display:block;
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform:uppercase;
	margin: 0 auto;
}

#footerbar a{
	text-decoration:none;
	color:#0000FF;
}

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

#footerbar td{
 height:60px;
}

#footerTxtWiseOrange{
	width:240px;
	float:right;
	line-height: 30px;
	position:relative;
	display:block;
}

#footerTxtWiseOrange a{
	text-decoration:none;
	color:#0000FF;
}

#footerTxtWiseOrange a:hover{
	color:#0000FF;
	text-decoration: underline;
}

#clearfloat{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#bodyContainer{
	background:#464646 url(images/bgsideshadow.gif) top right repeat-y;
	margin: 0 auto;
	width: 960px;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

#contactbody {
	width: 900px;
	display:block;
	margin: 0 auto;
	border: 1px inset white;
	background:#FFFFFF url(images/content_bg.GIF) top left repeat-x;
}

#contactleft{
	width: 450px;
	display:block;
	float: left;
	color: #000000;
}

#contactleft p{
	color:#000000;
	font-size: 13px;
	width: 400px;
	margin-top: 20px;
	margin-left: 20px;
}


#contactright{
	width: 450px;
	top: 0px;
	float: right;
	color: #000000;
}

#contactright a{
	color:#0033FF;
	text-decoration: underline;
}
#contactright a:hover{
	color:#0033FF;
	text-decoration:none;
}


#contactthanks{
	width: 900px;
	background: #666666;
	height: 316px;
	border: 1px inset white;
	background:#464646 url(images/content_bg.GIF) top left repeat-x;
	background-color:#FFFFFF;
	display: block;
	margin: 0 auto;
}

#contactthanks p{
	color:#000000;
	font-size: 13px;
	width: 500px;
	margin-top: 20px;
	margin-left: 20px;

}



.tblcontact{
	margin-left:18px;
	margin-top:10px;
}

#bodyshadow {
	display:block;
	float:left;
	width:960px;
	height:23px;
	background:#464646 url(images/shadowbar.gif) top right repeat-x;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#hbseriesbody {
	width: 900px;
	background: #666666;
	margin: 0 auto;
	border: 1px inset white;
	background:#FFFFFF url(images/content_bg.GIF) top left repeat-x;
	display: block;
	color: #000000;
}

#hbseriesleftbody{
	float:left;
	display:block;
	width:400px;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
}

#hbseriesleftbody h3{
	font-weight: bold;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFCC00;
}

#hbseriesrightbody{
	float:right;
	display:block;
	width:498px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	border: 0px solid black;
}

#hbseriesrightbody h3{
	font-weight: bold;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFCC00;
}
#hbseriesleftbody a{
	color:#0033FF;
	text-decoration:none;
}
#hbseriesleftbody a:hover{
	color:#0033FF;
	text-decoration: underline;
}


.hbseriesbodytable{
	margin:25px 0px 0px 25px;
}
#hbseriesbody p{
	float:left;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0px 0px 0px 0px;
	border: 0px solid green;
	display: block;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 15px;
	z-index:10;
}

#hbseriesbody ul{
	display:block;
	width:340px;
	padding:0px 0px 0px 0px;
	margin:8px 0px 8px 40px;
	list-style-type:disc;
	list-style-position:inside;
	position: relative;
}

#hbseriesbody ul li{
	list-style-type:disc;
	clear: left;
}

#hbseriesbody ul li ul li{
	list-style-type:circle;

}


#customdesignbody {
	width: 900px;
	background: #666666;
	margin: 0 auto;
	border: 1px inset white;
	background:#FFFFFF url(images/content_bg.GIF) top left repeat-x;
	display: block;
	color: #000000;
}

#customdesignleftbody{
	float:left;
	display:block;
	width:450px;
}

#customdesignleftbody h3{
	font-weight: bold;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFCC00;
}

#customdesignrightbody{
	float:right;
	display:block;
	width:450px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	border: 0px solid black;
}

#customdesignrightbody h3{
	font-weight: bold;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFCC00;
}
#customdesignleftbody a{
	color:#0033FF;
	text-decoration:none;
}
#customdesignleftbody a:hover{
	color:#0033FF;
	text-decoration: underline;
}


.customdesignbodytable{
	margin:25px 0px 0px 25px;
}
#customdesignbody p{
	float:left;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0px 0px 0px 0px;
	border: 0px solid green;
	display: block;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 15px;
	z-index:10;
}

#customdesignbody ul{
	display:block;
	width:340px;
	padding:0px 0px 0px 0px;
	margin:8px 0px 8px 40px;
	list-style-type:disc;
	list-style-position:inside;
	position: relative;
}

#customdesignbody ul li{
	list-style-type:disc;
	clear: left;
}

#customdesignbody ul li ul li{
	list-style-type:circle;

}



#servicebody {
	width: 740px;
	background: #666666;
	height: 316px;
	margin: 0 auto;
	border: 1px inset white;
	background:#464646 url(images/services.jpg) top right no-repeat;
	background-color:#666666;
}

#servicebody p{
	float:left;
	width:360px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0px 0px 0px 0px;
	border: 0px solid green;
	display: block;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 15px;
	z-index:10;
}

#applicbody {
	width: 740px;
	background: #666666;
	height: 316px;
	margin: 0 auto;
	border: 1px inset white;
	background:#464646 url(images/load.jpg) top right no-repeat;
	background-color:#666666;
}

#applicbody p{
	float:left;
	width:360px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0px 0px 0px 0px;
	border: 0px solid green;
	display: block;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 15px;
	z-index:10;
}

#subapplicbody{
	width: 740px;
	margin: 0 auto;
	border: 1px inset white;
	background-color:#666666;
}

.hbcaption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	background-color: #000000;
	clear: left;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#hyrdroilcombo{
	margin-left:45px;
	margin-top: 10px;
}

.bodyheading{
	margin-left: 40px;
	margin-top: 10px;
}

.bodyheading a{
color:#FFCC00;
text-decoration: underline;	
}

.bodyheading a:hover{
text-decoration: none;	
}

#cdcbody{
	width: 900px;
	display:block;
	position:relative;
	margin: 0 auto;
	border: 1px inset white;
	color: #000000;
	background-color: #FFFFFF;
}

#cdcbody p{
	width:900px;
	margin:20px 0px 0px 25px;
	float: left;
}

#cdcbody ul{
	width:900px;
	margin:20px 0px 0px 25px;
	clear: both;
	float: left;
	display: block;
	list-style-type: disc;
	list-style-position:inside;
}

#cdcbody ul li{
	list-style-type:disc;
}

#cdcthumbnails{
	float:left;
	display:block;
	width:130px;
	color: #000000;
	padding-left:10px;
}

#cdcbigimage{
	float:right;
	display:block;
	color:#000000;
	padding-right:10px;
}


.bodyheading{
	margin-left: 40px;
	margin-top: 10px;
}

.bodyheading a{
color:#FFCC00;
text-decoration: underline;	
}

.bodyheading a:hover{
text-decoration: none;	
}
.cdccaption2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align:left;
	color: #FFCC00;
	background-color:#000000;
	width:728px;
	margin-left: auto;
	margin-right: auto;
	padding:4px 4px 4px 4px;
	float: right;
	padding-right: 12px;
}

.cdccaption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align:center;
	color: #FFCC00;
	background-color:#000000;
	width:736px;
	margin-left: auto;
	margin-right: auto;
	padding:4px 4px 4px 4px;
}


#sitemap{
	width: 900px;
	background: #666666;
	border: 1px inset white;
	background:#464646 url(images/content_bg.GIF) top left repeat-x;
	background-color:#FFFFFF;
	display: block;
	margin: 0 auto;
	color: #000000;
}

#sitemap p{
	color:#000000;
	font-size: 13px;
	width: 500px;
	margin-top: 20px;
	margin-left: 20px;

}

#sitemap #col1, #abt_load_serv #col2{
	width:50%;
	float:left;
}
#sitemap #col2{float:right;}

#sitemap img{
	margin-top: 0px;
	float: right;
	position: relative;
	display:block;
	clear:none;
}

#sitemap a{
	color:#0000FF;
	text-decoration: underline;
}
#sitemap a:hover{
	color:#0000FF;
	text-decoration: none;
}
#sitemap ul{
	display:block;
	width:340px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 40px;
	list-style-type:disc;
	list-style-position:inside;
	position: relative;
}

#sitemap ul li{
	list-style-type:disc;
	margin:10px 0px 10px 0px;
	clear: left;
}

#sitemap ul li ul li{list-style-type:circle;}

.mytableborder{
	border:0px solid #000000;
	float:left;
	width: 313px;
	height: 515px;
}
.tablerow1color{
	background-color:#CCCCCC;
}
.tablerow2color{background-color:#e6e6e6;
}