body{
	padding:0px;
	margin:0px;
	background:#FFFFFF;
	font-family:Helvetica;
	font-size:12px;
	background:url(../images/gradient_greenblack.jpg) repeat-x 100% 100%;
	background-color:#232122;
	}
	
a,h1,h2,h3,h4,h5,h6,ul,li,p,img{
	border:0px;
	padding:0px;
	margin:0px;
	outline: none;
	}

a{color:#FFE34B; text-decoration:none;}
a:hover{color:#FFFFFF; text-decoration:none;}

li,ul{list-style:none;}

.full_width{width:100%;}
.clear_both{clear:both;}
.right{text-align:right;}
.float_left{float:left;}
.float_right{float:right;}

iframe{
padding:0px;
margin:0px;
display:none;
}

#wrapper{
width:850px;
margin:0px auto 0px auto;
background:url(../images/body_bg.gif) no-repeat 0px 0px;
background-color:#1C8E84;
height:auto;
overflow:auto;
overflow:hidden;
}

	.header{
	clear:both;
	padding:25px 0px 0px 25px;
	width:825px;
	height:auto;
	position: relative;
	}
	
		.logo{
		float:left;
		width:77px;
		height:98px;
		padding-top:18px;
		}
		
		.logocz{
		float:left;
		width:180px;
		height:45px;
		padding: 0px;
		position: absolute;
		top: 26px;
		left: 54px;
		}
		.page_heading{
		background:url(../images/header_bg.png) no-repeat 100% 100%;
		_background:url(../images/header_bg.jpg) no-repeat 100% 100%;
		float:right;
		width:748px;
		height:98px;
		}
		

		
		.page_heading p{
			float:right;
			padding:16px 100px 0px 0px;
			font-size:29px;
			color:#FFE34B;
			}
			
	.middle_area{
	width:850px;
	margin:0px auto 0px auto;
	clear:both;
	float:none;
	height:auto;
	overflow:auto;
	overflow:hidden;
	color:#FFFFFF;
	line-height:20px;
	}
	
		.click_truck_numbers{
		color:#FFE34B;
		font-size:14px;
		font-weight:bold;
		padding-top:42px;
		}
		
		.number_1_and_10{padding:10px 0px 0px 189px;}
		
			/*.number_1_and_10 div{float:left; margin:0px -7px 0px -19px;}*/
		
		.main_text_area{
		width:318px;
		float:right;
		font-size:12px;
		}
		
		.gallery_area{
		color:#1C8E84;
		width:421px;
		text-align:center;
		}
		
			.gallery_area a{color:#FFFFFF;}
			.gallery_area a:hover{color:#FFE34B;}
		
		.small_box_outer_div{
		float:left;
		overflow:auto;
		overflow:hidden;
		height:101px;
		width:117px;
		}
		
			.small_boxes{
			width:101px;
			height:101px;
			}
			
				.clue_area_heading{
				font-size:16px;
				font-weight:bold;
				clear:both;
				width:101px;
				height:28px;
				padding:7px 0px 0px 0px;
				text-align:center;
				vertical-align:middle;
				}
			
				.clue_area{
				clear:both;
				width:91px;
				height:61px;
				float:none;
				margin:0px auto 0px auto;
				}
				
				.clue_area p{
				line-height:14px;
				color:#FFFFFF;
				font-weight:bold;
				text-align:center;
				padding-top:10px;
				}
	
	.footer{
	clear:both;
	width:850px;
	height:58px;
	background-color:#FFE34B;
	text-align:center;
	padding:14px 0px 0px 0px;
	}
		.footer p{
		padding:0px 0px 5px 0px;
		}
		
		.footer a{
		font-size:14px;
		color:#000000;
		padding:10px;
		font-weight:bold;
		}
		
		.footer a:hover{color:#1C8E84; text-decoration:none;}
		.footer img{padding:0px 10px 0px 10px;}
		
.why_hyster_main_contents{
float:left;
width:411px;
height:auto;
padding:0px 34px 0px 0px;
line-height:17px;
}

.why_hyster_main_contents h2{
font-size:18px;
}

.why_hyster_right_images{
float:left;
width:300px;
height:auto;
}

.why_hyster_right_images img{
padding-bottom:19px;
}

.contact_common input,textarea{
height:20px;
width:199px;
border:1px solid #707070;
overflow:hidden;
overflow:auto;
}
.contact_common div{
padding-top:3px;
}
.contact_1{
width:386px;
float:left;
}

.contact_2{
width:353px;
float:left;
}

.contact_label{
float:left;
width:150px;
}

.contact_field{
float:left;
width:199px;
}

/*------ electrical ------*/

.disbox {
	margin: 0 auto;
	padding: 0px 0px 30px 58px;
	width: 800px;
	overflow: auto;
	overflow: hidden;
}
.disbox h1 {
	font-size: 25px;
	font-weight:600;
	color: #FFE34B;
	padding: 12px 0px 10px 0px;
}
.disbox h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	color: #FFFFFF;
	padding-bottom: 20px;
}
.disbox h3 {
	font-size: 18px;
	font-weight: normal;
	color: #FFE34B;
	padding-bottom: 25px;
}
.display {
	width: 737px;
	float: left;
}
.display .boxpart {
	width: 174px;
	float: left;
	padding: 0px 5px;
	_padding: 0px 4px;
}
.display .boxpart .tophead {
	width: 174px;
	height: 44px;
	float: left;
	background: url(../images/yellowbox_bg.gif) no-repeat 0% 0%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	letter-spacing:0px;
	font-weight: bold;
	text-align: center;
	line-height: 15px;
	color: #000000;
	padding-top: 5px;
	margin-bottom: 20px;
}
.display .boxpart .tophead a {
	color: #000000;
}
.display .boxpart .product {
	width: 174px;
	height: 175px;
	float: left;
	text-align: center;
	vertical-align: baseline;
}
.display .boxpart .more {
	width: 174px;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #FFE34B;
}
.top_link {
	float:right;
	width: 375px;
	font-size:15px;
	font-weight:bold;
	color: #FFE34B;
	padding-right:20px;
}
.top_link a {
	margin-right: 15px;
	float:right;
}
.discover_highlights li
{
padding:0px 0px 5px 10px;
background: url(../images/bullet.jpg) no-repeat 0% 7px;
}

/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li{
list-style:none;
float:none;
}

.ddsubmenustyle li a{
display: block;
width: 135px;
color: #FFFFFF;
font-weight:bold;
background-color: #1C8E84;
text-decoration: none;
border:1px solid #FFFFFF;
border-bottom:none;
padding: 4px 5px;
}
.ddsubmenustyle li.lastitem a {
border-bottom:1px solid #FFFFFF;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
background-color: #FFE34B;
color: #1C8E84;
}

/* ------------------ Drop Down ULs CSS ENDS HERE ----------------------- */