* { margin: 0; padding: 0 }
 
body {
background: #CFD5D1;
font-family: arial, sans-serif;
}
 
a { text-decoration: none; }

a:hover { text-decoration: underline; }
 
#container {
background: transparent url('../images/bg-container.jpg') 0 0 repeat-x;
}
.home #container {
background: transparent url('../images/bg-home.jpg') 0 0 repeat-x;
}
 
/*******************************
HEADER
*******************************/
#contain_header {
padding: 10px 0 0 0;
 
}
 
#header {
position: relative;
width: 960px;
height: 92px;
margin: 0 auto;
}
 

#logo {
	position: absolute;
	top: 0px;
	left: 0;
	width: 410px;
	height: 100px;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/logo.gif') no-repeat 0 0;
}
#logo a span { display: none; }
 
 
#header2 {
position: relative;
height: 21px;
background:#515240;
margin: 5px auto;
border-bottom:2px solid #84846c;
 
 
}
/* HEADER FORM */
#header_form {
float: right;
font-size: 12px;
text-align: right;
padding: 5px 0 0 0;
}
 
#header_form a.home-link {
color: #848589;
text-decoration: none;
}
 
#header_form a.contact-link {
color: #404616;
text-decoration: none;
}
 
#header_form span.ordering {
color: black;
font-weight: bold;
}
 
#header_form span.text-divider {
color: #bcc5bf;
}
 
#header_form form {
display: inline;
}
 
#header_form form input {
width: 92px;
font-size: 11px;
color: #666;
margin: 0 0 0 2px;
padding: 3px;
border-width: 1px;
border-style: solid;
border-color: #A2A397 #BEBEBD #D7D7D7 #BEBEBC;
}
#header_form form input.submit {
width: 38px;
height: 23px;
background: transparent url('../images/login.gif') 0 0 no-repeat;
margin: 0 0 -6px 0;
padding: 0;
border: 0;
}
 
#header_form p.signup {
font-size: 11px;
margin: 7px 0 0 0;
}
#header_form p.signup a {
color: #404616;
text-decoration: none;
}
 
#header_form p.print_email, #nav_breadcrumb p.print_email {
font-size: 8pt;
font-weight: bold;
margin: 14px 0 0 0;
}
#header_form p.print_email a, #nav_breadcrumb p.print_email a { color: 
#000; padding: 1px 0 0 16px; }
#header_form p.print_email a.print_this, #nav_breadcrumb p.print_email 
a.print_this { background: transparent url('../images/print-icon.gif') 0 
0 no-repeat; }
#header_form p.print_email a.email_this, #nav_breadcrumb p.print_email 
a.email_this { background: transparent url('../images/email-icon.gif') 0 
0 no-repeat; }
 
 
 
 
/*******************************
MAIN NAV
*******************************/
#main_nav {
position: relative;
width: 960px;
height: 64px;
margin: 0 auto;
}
 
#main_nav ul {
list-style-type: none;
}
#main_nav li {
position: relative;
float: left;
background: transparent url('../images/main-nav-divider.gif') left 
15px no-repeat;
}
#main_nav li a {
float: left;
display: block;
height: 50px;
color: #fff;
font-size: 12pt;
padding: 14px 20px 0 20px;
}
#main_nav li a:hover, #main_nav li.active a, #main_nav li:hover a, 
#main_nav li.sfhover a {
background: #fff url('../images/main-nav-bg-on.gif') 0 0 repeat-x;
color: #46482F;
}
body.home #main_nav li a {
height: 34px;
}
 
#main_nav li.active a {
}
 
#main_nav .sub_nav {
position: absolute;
top: 100%;
left: -999em;
z-index: 100;
background: #fff;
border-left: 6px solid #fff;
}
#main_nav li:hover .sub_nav, #main_nav li.sfhover .sub_nav { left: 0; }
#main_nav .sub_nav li {
float: none;
position: relative;
display: inline; /* IE 6 */
background: none;
}
div>#main_nav .sub_nav li { display: block; }
#main_nav .sub_nav li a {
float: none;
width: 12em;
height: auto !important;
background: #fff;
color: #404616;
font-size: 11pt;
font-weight: normal;
padding: 4px;
}
#main_nav .sub_nav li a:hover, #main_nav .sub_nav li:hover a, #main_nav 
.sub_nav li.sfhover a {
background: #CFD5D1;
color: #000;
}
 
#main_nav .sub_nav2 {
position: absolute;
top: -6px;
left: -999em;
background: #CFD5D1;
color: #000;
padding: 6px;
margin: 0 0 0 1px;
}
div>#main_nav .sub_nav2 { margin: 0; }
#main_nav .sub_nav li:hover .sub_nav2, #main_nav .sub_nav li.sfhover 
.sub_nav2 { left: 100%; }
 
#main_nav .sub_nav2 li a {
background: #CFD5D1;
}
#main_nav .sub_nav2 li a:hover, #main_nav .sub_nav2 li:hover a, 
#main_nav .sub_nav2 li.sfhover a {
background: #fff;
color: #404616;
}
 
#content .col3 .sub_nav3 {
list-style-type: none;
margin: -4px 0 15px 0;
}
#content .col3 .sub_nav3 li {
background: transparent url('../images/sub-nav3-plus.gif') 0 6px 
no-repeat;
padding: 0 0 0 12px;
}
#content .col3 .sub_nav3 li.active {
background: transparent url('../images/sub-nav3-minus.gif') 0 6px 
no-repeat;
}
#content .col3 .sub_nav3 li a {
color: #000;
}
 
#content .col3 .sub_nav4 {
font-size: 9pt;
list-style-type: none;
margin: 0;
}
#content .col3 .sub_nav4 li a {
color: #505626;
}
 
/*******************************
SECOND NAV
*******************************/
#second_nav {
position: relative;
width: 960px;
height: 64px;
margin: 0 auto;
margin-top:-1px;
padding-top:0px;
font-size:11px;
height:21px;
}
 
 
#second_nav li{
display:block;
float:left;
width:86px;
text-transform:capitalize;
text-align:center;
padding: 6px 0 3px 0px;
background:transparent url('../images/secondnav_divider.gif') bottom 
right no-repeat;
position:relative;
}
 
 
#second_nav li a
{ color:#eae8dc; font-weight:bold; }
 
 
#second_nav li.nochild a:hover{
color:#26261b;
}
 
#second_nav li.sfhover, #second_nav li:hover
{ background:#fff;
padding-bottom:5px;}
 
#second_nav li.nochild.sfhover, #second_nav li.nochild:hover
{ padding-bottom:3px;}
 
#second_nav li.sfhover a, #second_nav li:hover a
{ color:#49493d; }
 
#second_nav .sub_nav {
position: absolute;
top: 100%;
left: -999em;
z-index: 100;
background: #fff;
border-left:3px solid #fff;
 
}
#second_nav li:hover .sub_nav, #second_nav li.sfhover .sub_nav { left:0px; }
#second_nav .sub_nav li {
float: none;
position: relative;
display: inline; /* IE 6 */
text-transform:none;
margin:0;
text-align:left;
height:auto;
 
font-size: 12pt;
padding:0;
}
 
div>#main_nav .sub_nav li { display: block; }
#second_nav .sub_nav li a {
float: none;
height: auto !important;
font-weight: normal;
padding:4px 7px;
display:block;
width:92px!important;
font-size:10px;
color:#353529;
}
 
#second_nav .sub_nav li a:hover {
color:#676651;
}
 
/*******************************
SEARCH
*******************************/
#search {
position: absolute;
top: 0;
right: 0;
width: 292px;
height: 36px;
background: #4C4C38 url('../images/search-bg.gif') 0 0 repeat-x;
color: #fff;
font-size: 9pt;
text-align: center;
padding: 12px 0 0 0;
}
#search input, #search select { font-size: 8pt; }
#search input {
background: #fff url('../images/text-field-bg.gif') 0 0 repeat-x;
padding: 2px 0;
border-width: 1px;
border-style: solid;
border-color: #969696 #BEBEBE #D7D7D7 #BEBEBE;
}
#search input.submit {
width: 23px;
height: 23px;
background: transparent url('../images/search-go-btn.gif') 0 0 
no-repeat;
margin: 0 0 -11px 0;
border: 0;
}
#search input.submit span { display: none; }
 
 
/*******************************
GENERAL CONTENT
*******************************/
#contain_content {
background: #fff url('../images/contain-content-bg.jpg') bottom left 
repeat-x;
}
 
#content {
width: 960px;
font-size: 10pt;
margin: 0 auto;
}
#content h2 {
font-size: 22pt;
font-weight: normal;
}
#content h3 {
color: #404616;
font-size: 14pt;
font-weight: normal;
margin: 0 0 10px 0;
}
#content p, #content ul, #content ol, #content dl, #content blockquote {
line-height: 1.45em;
margin-bottom: 18px;
}
#content ul, #content ol, #content dl { margin-left: 16px; }
#content hr {
height: 1px;
background: transparent;
margin: 15px 0;
border: 0;
border-bottom: 1px solid #868782;
}
 
#content .box_hilite {
background: #868782;
color: #fff;
margin: 0 0 20px 0;
padding: 20px 30px 1px 30px;
}
 
#content .col1 {
float: left;
padding: 20px 20px 0 0;
}
 
#content .col2 {
float: left;
padding: 15px 20px 0 0;
}
 
#content .col3 {
float: right;
background: transparent url('../images/col3-bg.jpg') top left repeat;
padding: 10px 0 0 0;
}
#content .col3 h2 {
float: left;
background: #C1C399;
color: #fff;
font-size: 12pt;
margin: 25px 0 0 0;
padding: 8px 14px 4px 14px;
}
#content .col3 img { margin: 0 10px; }
#content .col3 hr, #content .col3 li { margin-right: 20px; margin-left: 
20px; }
 
#content p.view_link {
font-weight: bold;
text-align: right;
}
#content p.view_link a { color: #404616; }
 

#content th {
	height: 30px;
	background: #515240;
	color: #eae8dc;
	font-weight: bold;
}

#content tr.list {
	height: 30px;
	background: #eae8dc;
}

#content tr.listO {
	height: 30px;
	background: #cccccc;
}

#content td.foot {
	height: 5px;
	background: #515240;
}

#content .lm {
	font-size: 8pt;
	font-weight: bold;
}

#content a.grn {
	color: #646A45;
}

/* BREADCRUMB NAV */
#nav_breadcrumb {
font-size: 11pt;
padding: 5px 0 15px 0;
border-bottom: 1px solid #E2E2E3;
}
#nav_breadcrumb a {
color: #404616;
}
 
#nav_breadcrumb p.print_email { float: right; margin: 0; }
 
 
 
 
/*******************************
	FOOTER
*******************************/
#contain_footer {
	border-top: 3px solid #A6A7AA;
}

#footer {
	width: 960px;
	height: 70px;
	/* background: transparent url('../images/footer-truck.gif') 0 0 no-repeat; */
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
#footer a {
	color: #646A45;
}
#footer #truck {
	display: block;
	float: left;
	width: 115px;
	position: relative;
	top: -10px;
	left: 0;
	width: 115px;
	height: 86px;
	background: transparent url('../images/footer-truck.gif') 0 0 no-repeat;
}
#footer .pipe {
	color: #B5BDB8;
	padding: 0 5px;
}
#footer .catalog {
	float: left;
	width: 110px;
	padding-top: 6px;
	height: 24px;
	text-align: center;
/*	background: #A6A7AA url('../images/footer-catalog-btn-bg.gif') 0 0 repeat-x; */
	background: #A6A7AA url('../images/footer-truck.gif') 0 0 repeat-x; 
}
#footer .catalog a, #footer .catalog a:visited {
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}
#footer .footer_text {
	float: left;
	width: 735px;
	padding: 8px 0 0 0;
}
 
/*******************************
GENERAL STYLES
*******************************/
.cleaner {
clear: both;
height: 0;
font-size: 1px;
margin: 0; padding: 0;
background: transparent;
}
 
.qtr_space { line-height: 1.3em; }
.hlf_space { line-height: 1.5em; }
.dbl_space { line-height: 2em; }
 
.no_margin { margin: 0 !important; }
 
 
/********************************
LEFT COLUMN STYLES
********************************/
#content .col1 p.caption, #content .col3 p.caption {
font-style: italic;
font-size: 12px;
}
 
#content .col3 p.caption {
margin-left: 20px;
}
 
#content .col1 p.blurb {
 
}
 
#content #top_section img {
float: left;
margin: 5px 5px 0 0;
}

/********************************
	Buttons
********************************/
.buttons {
	display: inline
}
.buttons a, .buttons button {
	margin: 2px 0 0 0; 
	background-color: #666666;
	font-size: 10px;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	padding: 3px 8px 3px 6px;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:16px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
/*    width:16px;
    height:16px; */
}
.lbut{
	display: inline;
	line-height: 130%;
	background-position: left;
	background-image: url('../img/lcorn.gif');
	background-repeat: no-repeat;
	padding: 2px 0 3px 0;
}
.rbut{
	display: inline;
	line-height: 130%;
	background-position: right;
	background-image: url('../img/rcorn.gif');
	background-repeat: no-repeat;
	padding: 2px 0 3px 0;
}