/* CSS Document */

body {
	margin:0;
	padding:0;
	background: #B39372 url(images/bg_body.jpg);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	behavior:url("csshover.htc");
	}
	
.clear {
	clear:both;
	}

.products_text {
	font-size:14px
	} 
	
#container {
	width:860px;
	margin-left:auto;
	margin-right:auto;
	}
	
#header {
	width:860px;
	height:78px;
	float:left;
	}
	
#logo {
	float:left;
	width:427px;
	height:55px;
	margin-top:8px;
	}
	
#phone {
	float:left;
	display:inline;
	width:150px;
	margin:10px 0 0 278px;
	text-align:right;
	color:#FFFFFF;
	font-size:12px;
	line-height:16px;
	}
	
#phone a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}
	
#wrapper {
	float:left;
	width:860px;
	background:#FFFFFF url(images/top.gif) top no-repeat;
	}
	
#flash {
	float:left;
	display:inline;
	width:852px;
	height:445px;
	margin:4px;
	}
	
#int_pic {
	float:left;
	display:inline;
	width:852px;
	height:264px;
	margin:4px;
	}
	
#nav {
	float:left;
	display:inline;
	width:852px;
	height:31px;
	margin:0 0 4px 4px;
	}
	
#nav ul {
	list-style:none;
	height:31px;
	padding:0;
	margin:0;
	}
	
#nav li {
	display:inline;
	float:left;
	padding:0;
	margin:0;
	}

li#tab1 {width:73px; height:31px; display:block; background-image:url(images/nav_01.gif)}
li#tab2 {width:98px; height:31px; display:block; background-image:url(images/nav_02.gif)}
li#tab3 {width:104px; height:31px; display:block; background-image:url(images/nav_03.gif)}
li#tab4 {width:155px; height:31px; display:block; background-image:url(images/nav_04.gif)}
li#tab5 {width:167px; height:31px; display:block; background-image:url(images/nav_05.gif)}
li#tab6 {width:140px; height:31px; display:block; background-image:url(images/nav_06.gif)}
li#tab7 {width:115px; height:31px; display:block; background-image:url(images/nav_07.gif)}

li#tab1 a {width:73px; height:31px; display:block; background-image:url(images/nav_01.gif)}
li#tab2 a {width:98px; height:31px; display:block; background-image:url(images/nav_02.gif)}
li#tab3 a {width:104px; height:31px; display:block; background-image:url(images/nav_03.gif)}
li#tab4 a {width:155px; height:31px; display:block; background-image:url(images/nav_04.gif)}
li#tab5 a {width:167px; height:31px; display:block; background-image:url(images/nav_05.gif)}
li#tab6 a {width:140px; height:31px; display:block; background-image:url(images/nav_06.gif)}
li#tab7 a {width:115px; height:31px; display:block; background-image:url(images/nav_07.gif)}

li#tab1 a:hover, li#tab1 a.on {width:73px; height:31px; display:block; background-image:url(images/nav_on_01.gif)}
li#tab2 a:hover, li#tab2 a.on {width:98px; height:31px; display:block; background-image:url(images/nav_on_02.gif)}
li#tab3 a:hover, li#tab3 a.on {width:104px; height:31px; display:block; background-image:url(images/nav_on_03.gif)}
li#tab4 a:hover, li#tab4 a.on {width:155px; height:31px; display:block; background-image:url(images/nav_on_04.gif)}
li#tab5 a:hover, li#tab5 a.on {width:167px; height:31px; display:block; background-image:url(images/nav_on_05.gif)}
li#tab6 a:hover, li#tab6 a.on {width:140px; height:31px; display:block; background-image:url(images/nav_on_06.gif)}
li#tab7 a:hover, li#tab7 a.on {width:115px; height:31px; display:block; background-image:url(images/nav_on_07.gif)}


li:hover ul#drop { display:block; text-align:left; position:relative; line-height:19px; font-size:12px;  }
li ul#drop { margin:0; padding:0; list-style-type:none; font-size:11px; z-index:100; display:none;  }
li ul#drop li { margin-top:-1px; }
li ul#drop li a { display:block; color:#093e24; background-color:#f0f0f0;  background-image:none; width:130px; height:auto; text-decoration:none; padding:2px 0 2px 10px; }
li ul#drop li a:hover { background-color:#618b31; background-image:none; color:#ffffff; width:130px; height:auto; }


li:hover ul#drop2 { display:block; text-align:left; position:relative; line-height:19px; font-size:12px;  }
li ul#drop2 { margin:0; padding:0; list-style-type:none; font-size:11px; z-index:100; display:none;  }
li ul#drop2 li { margin-top:-1px; }
li ul#drop2 li a { display:block; color:#093e24; background-color:#f0f0f0;  background-image:none; width:155px; height:auto; text-decoration:none; padding:2px 0 2px 10px; }
li ul#drop2 li a:hover { background-color:#618b31; background-image:none; color:#ffffff; width:155px; height:auto; }


#content {
	float:left;
	display:inline;
	width:852px;
	margin-left:4px;
	background:url(images/bg_content.gif) top repeat-y;
	}

#top_content {
	float:left;
	width:852px;
	background:url(images/top_content.gif) top no-repeat;
	}
	
#text {
	float:left;
	width:535px;
	display:inline;
	margin:17px 0 0 23px;
	font-size:12px;
	line-height:16px;
	}
	
#text a {
	color:#6a923d;
	text-decoration:none;
	}
	
#text a:hover {
	color:#FFFFFF;
	background-color:#6a923d;
	}

h1 {
	width:535px;
	height:18px;
	margin:0;
	padding:0;
	}
	
h2 {
	color:#638d34;
	font-size:13px;
	font-weight:bold;
	}

#side {
	float:left;
	width:245px;
	margin:17px 0 0 30px;
	display:inline;
	}


#ecodek {
	float:left;
	width:245px;
	height:181px;
	margin-bottom:20px;
	}

#dunnage {
	float:left;
	width:245px;
	height:181px;
	}
	
#request {
	float:left;
	width:245px;
	margin-bottom:20px;
	}
	
#request #header {
	width:245px;
	height:12px;
	background:url(images/side_header.gif) no-repeat top;
	}
	
#request #text {
	width:215px;
	padding:0 15px;
	margin:0;
	background:url(images/bg_side.gif) repeat-y top;
	}
	
#request #footer {
	width:245px;
	height:12px;
	background:url(images/side_footer.gif) no-repeat bottom;
	}

#footer {
	float:left;
	width:860px;
	height:70px;
	background:url(images/footer.gif) top no-repeat;
	}
	
#footer div {
	float:left;
	margin:35px 0 0 30px;
	color:#FFFFFF;
	font-size:10px;
	}
	
#footer a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#footer a:hover {
	color:#4d331c;
	background-color:#FFFFFF;
	}
	
/* CONTACT FORM */

#gallery {
	float:left;
	margin-top:15px;
	}

#gallery ul {
	list-style:none;
	float:left;
	width:535px;
	padding:0;
	margin:0 0 20px 0;
	}
	
#gallery li {
	display:inline;
	float:left;
	padding:0;
	margin:0 20px 0 0;
	}
	
/* FAQ STYLES */

#used ul {
	list-style:none;
	width:535px;
	padding:0;
	margin:0 0 20px 0;
	padding-bottom:20px;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
	}
	
#used li {
	display:inline;
	float:left;
	width:260px;
	padding:0;
	margin:0;
	}
	
#used li#pic {
	text-align:center;
	}
	

#install ul {
	list-style:none;
	width:535px;
	padding:0;
	margin:0 0 20px 0;
	padding-bottom:20px;
	overflow:hidden;
	}
	
#install li {
	display:inline;
	float:left;
	width:385px;
	padding:0;
	margin:0;
	}
	
#install li#pic {
	width:150px;
	}
	
	
#inflator ul {
	list-style:none;
	width:535px;
	padding:0;
	margin:0 0 20px 0;
	padding-bottom:20px;
	overflow:hidden;
	}
	
#inflator li {
	display:inline;
	float:left;
	width:150px;
	padding:0;
	margin:0 10px 0 0;
	}

#types ul {
	list-style:none;
	width:535px;
	padding:0;
	margin:0 0 20px 0;
	padding-bottom:20px;
	overflow:hidden;
	border-bottom:1px solid #CCCCCC;
	}
	
#types li {
	display:inline;
	float:left;
	width:385px;
	padding:0;
	margin:0;
	}
	
#types li#pic {
	width:150px;
	}
	
	
/* CONTACT FORM */

.red {
	color:#FF0000;
	}

#contact-area {
	width: 450px;
}

#contact-area input {
	padding: 5px;
	float:left;
	width: 250px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #999999;
}

#contact-area textarea {
	height: 80px;
	padding: 5px;
	float:left;
	width: 300px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #999999;
}

}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #6a923d;
}

#contact-area input.submit-button {
	width: 70px;
	margin-left:115px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}

/* Submenu */

#submenu {
	clear: both;
	padding: 20px 0;
}

#submenu ul {
	width: 770px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#submenu li {
	display: block;
	float: left;
	width: 180px;
	padding: 0 12px 0 0;
}

#submenu li ul {
	width: auto;
	margin: 0;
}

#submenu li li {
	display: list-item;
	float: none;
	width: auto;
	padding: 5px 0 5px 10px;
	background: url(images/img17.gif) no-repeat left center;
	border-bottom: 1px solid #424546;
}

#submenu h2 {
	margin: 0 0 5px 0;
	border-bottom: 2px solid #424546;
	font-size: 1.2em;
}

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

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