@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}
.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	position: relative;
	padding: 0;  
}
.oneColFixCtrHdr #header h1 {
	margin: 0 0 -30px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	float: left;
    width: 780px;
    height: 253px;
    position: relative;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #f8e600;	 
	
}

.oneColFixCtrHdr #header h1 span { 

         background: url(../images/logo.jpg) no-repeat;
		  position: absolute;
		  width: 750px;
		  height: 253px;
		
}

.oneColFixCtrHdr #header h2 {
    margin: -20px 0 0 0;	
    float: left;
	clear: left;
	width: 750px;
	height: 25px;
	position: relative;
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #fff;
	overflow: hidden;
	
	
	
}

.oneColFixCtrHdr #header h2 span { 

        background: url(../images/h2_span_image.jpg);
		position: absolute;
		width: 750px;
		height: 25px;
		
}

.oneColFixCtrHdr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; 
	background: #085728;
	width: 780px;
	height: 100%;
	
}





#topnav { margin: 0;
          padding: 0;
		  position: relative;
		  float: left;
			 }
			 
#topnav ul {
           	margin: 0;
			padding: 0;}			 
			 
			 
#topnav ul li { float: left;
	display: block;
	width: 156px;
	height: 43px;
	position: relative;
	float: left;	

}



#topnav a:link, 
#topnav a:visited,
#topnav a:hover,
#topnav a:active {display: block;
	height: 43px;
	line-height: 43px;
	font-size: x-small;

}
#fulfillment,
#packship,
#warehousing,
#contact,
#movstor
 {width: 156px;}

#topnav span { position: absolute;
	top: 0;
	left: 0;
	height: 43px;
}


#fulfillment span { background: url(../images/btn_home.jpg) no-repeat 0 0;
              width: 156px;
}

#fulfillment a:link,
#fulfillment a:visited,
#fulfillment a:hover,
#fulfillment a:active { width: 156px;

}

#fulfillment a:hover span,
#fulfillment a.selected:link span,
#fulfillment a.selected:visited span,
#fulfillment a.selected:hover span,
#fulfillment a.selected:active span {background: url(../images/btn_home_ro.jpg) no-repeat 0 0;
              width: 156px;

}

#packship span { background: url(../images/btn_packship.jpg)       no-repeat 0 0;
              width: 156px;
}

#packship a:link,
#packship a:visited,
#packship a:hover,
#packship a:active { width: 156px;

}

#packship a:hover span,
#packship a.selected:link span,
#packship a.selected:visited span,
#packship a.selected:hover span,
#packship a.selected:active span {background: url(../images/btn_packship_ro.jpg) no-repeat 0 0;
              width: 156px;

}

#warehousing span { background: url(../images/btn_warehousing.jpg)       no-repeat 0 0;
              width: 156px;
}

#warehousing a:link,
#warehousing a:visited,
#warehousing a:hover,
#warehousing a:active { width: 156px;

}

#warehousing a:hover span,
#warehousing a.selected:link span,
#warehousing a.selected:visited span,
#warehousing a.selected:hover span,
#warehousing a.selected:active span {background: url(../images/btn_warehousing_ro.jpg) no-repeat 0 0;
              width: 156px;

}


#contact span { background: url(../images/btn_contact.jpg) no-repeat 0 0;
              width: 156px;
}

#contact a:link,
#contact a:visited,
#contact a:hover,
#contact a:active { width: 156px;

}

#contact a:hover span,
#contact a.selected:link span,
#contact a.selected:visited span,
#contact a.selected:hover span,
#contact a.selected:active span {background: url(../images/btn_contact_ro.jpg) no-repeat 0 0;
              width: 156px;

}



#movstor span { background: url(../images/btn_movstor.jpg)       no-repeat 0 0;
              width: 156px;
}

#movstor a:link,
#movstor a:visited,
#movstor a:hover,
#movstor a:active { width: 156px;

}

#movstor a:hover span,
#movstor a.selected:link span,
#movstor a.selected:visited span,
#movstor a.selected:hover span,
#movstor a.selected:active span {background: url(../images/btn_movstor_ro.jpg) no-repeat 0 0;
              width: 156px;

}




div#mainright-inside {
	float: right;
    width: 300px;
    padding: 15px 10px 0 0;
    	
}

div#mainright-inside h2 {
	font-size: 1.1em;
}

div#mainright-inside li {
	margin: 5px 0 0 0;
}
		 

				  
#mainleft {float: left;
           clear: left;
		   width: 430px;
		   margin: 0;
		   padding: 10px 10px 0 20px;
		   line-height: 1.5em;
                  
		  
		  
}

#mainleft h1 { 
               font: 130% Arial, Helvetica, sans-serif;   
	       color: #f8e600;
	       font-style: italic;
               
			  }


#mainleft img { float: left;
                margin: 10px 20px 30px 0;}
                


#mainright {float: right;  
            clear: right;         
           	width: 330px;
			height: 1%;
			margin: 0;
			padding: 0 5px 0 0;
			font-size: 0.9em;
			color: #69c3b7;
			text-align: right;
			background: url(../images/frontpage_flap.jpg) no-repeat 100% 100%;
                        
		
}

#mainright p { margin: 60px 0 10px 0;}

#mainright span.satisfied { font-size: 1.2em;
                           	color: #f8e600;
}
				  
#mainright a { color: #f8e600;
                position: relative;}

#mainright a:hover {color: #ac9535;
                    position: relative;}

			

div#mainright-inside {
	float: right;
	width: 250px;
	margin: 20px 0 0 20px;
	
	
}

div#mainright-inside img {
	margin: 0 0 10px 0;
}

span#emph {
	color: #fce600;
	font-size: 1.1em;
}					
					

.oneColFixCtrHdr #footer {
	float: left;
	clear: both;
	background: #ac9535;
	width: 780px;
	height: 1%;
	
	
}


.oneColFixCtrHdr #footer ul { margin: 0;
                             padding: 5px;
                   

}

.oneColFixCtrHdr #footer ul li {display: inline;
                                font-size: 0.7em;
								text-transform: uppercase;
                              
                                }
								
								
.oneColFixCtrHdr #footer ul li#first { font-size: 0.9em;
                                       font-weight: bold;
									   text-transform: uppercase;
									   color: #000;
									   margin: 0 3px 0 0;}
									   
									   
<!--Form Styles-->

form#hardpackffform {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
}

fieldset {  
	float: left;
	clear:left;
	width: 40em;  
	margin: 0 10px 1.5em 15px;  
	padding: 0px;  
	border-top: 1px solid black; 
	border-left: none;
	border-right: none;
	border-bottom: none;  
	
}
legend {
	float: left;
	width: 45em;  
	margin: 10px 0 10px 20px;
	color: #8c0000;  
	font-weight: bold;
	
}
fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none;
}
fieldset ol li {  
	padding-bottom: 1em;
	width: 40em;
}
fieldset.submit {  
	border-style: none;
	float: none;  
	width: auto;  
	border-style: none;
	padding-top: 1.0em;  
	padding-left: 12em;  
	background-color: transparent;
}

fieldset.submit input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-size: 1.1em;
	background-color: #FFCC66;
	
}

label {  
	float: left;  
	width: 10em;  
	margin-right: 1em;  
	text-align: left;
}

fieldset li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 1em;
}