@charset "utf-8";
/* CSS Document */
#container {
	width: 100%;
	min-width: 920px;
	margin: 2px auto 0 auto;
	text-align: left;
	
	
}


#main{ clear: both; }

#main .content, #main .contentinternal, #main .contentfullwidth { float: left;  width: 45%; }
#main .content form {margin-left: 50px; font-size: 70%;}
#main .content form fieldset {padding: 10px; }
#home #container #main .content label{ float: left;text-align:right; width:140px; margin-right: 20px;}
#home #container #main .content label.interest{ float: left;  text-align: left; width:300px; margin-right: 5px; margin-top: 5px;}
#home #container #main .content .cr-wide input {float: left; width: 50px; clear: both;}

#main .contentinternal { width: 45%; }
#main .contentfullwidth { width: 800px;}
#main .contentfullwidth  .column { width: 180px; margin: 5px;  float: left;  }
#main .contentfullwidth  .column p.caption, #main .contentfullwidth  .columnwide p.caption{   font-size: 65%;   text-align: center;  clear: both; color: #000; padding: 19px; background-color: #e6e6e6; border: 1px solid #ccc; margin-top: 10px; margin-bottom: 10px; }
#main .contentfullwidth  .column p.caption2, #main .contentfullwidth  .columnwide p.caption2{   font-size: 65%;   text-align: left;  clear: both; color: #000; padding: 5px; background-color: #e6e6e6; border: 1px solid #ccc; margin-top: 10px; margin-bottom: 10px; }
 #main .contentfullwidth  .column p.callout{   font-size: 100%; line-height: 140%; text-align: left;  clear: both; color: #CC0000;   padding: 5px; margin-left: 0px;}
#main .contentinternal  p.callout {   font-size: 120%; line-height: 140%; text-align: left;  clear: both; color: #CC0000;   padding: 30px; margin-left: 50px;}
#main .contentfullwidth  .columnwide { width: 370px;   margin: 5px;   float: left;  }
#main .left {width: 178px; height: 574px; background-image: url(../images/left-faded-panel.jpg); float: left;}
#main .leftservice {width: 178px; height: 574px; background-image: url(../images/left-faded-panel-service.jpg); float: left;}
#main div#illus{
	width: 306px;
	float: right;
	margin: 0;
	text-align: right;
margin-right: 10px;}
#main div#contact{
	width: 306px;
	float: right;
	margin: 0;
	text-align: left;
margin-right: 10px;}
#main div#contact p{
	 font-size: 80%;
	margin-left: 0;
	margin-bottom: 10px;
	margin-top: 0px;
	 }
#main div#contact .tel{
	font-size: 70%;
	color: #000; 
	margin: 0px;
	 }
#main div#equipmentlinks{
	width: 200px;
	float: left;
	margin-top: 80px;
	text-align: left;
margin-right: 10px;
}
#main div#illusinternal{
	width: 366px;
	float: right;
	margin: 0;
	text-align: right;
	margin-right: 10px;
}
#main div#illus p.caption{
	width: 270px;
	margin: 0 3px;
	font: 9px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* service page */
 #main div#illus p.callout 
 {
	width: 250px; font-size: 150%; line-height: 150%; text-align: center;  clear: both; color: #CC0000;
}



#main .content p, #main .contentinternal p, #main .contentfullwidth  p{
	margin: 15px 15px 15px 36px;
	font-size: 80%;
	font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 150%;
}
#main .contentfullwidth .column p, #main .contentfullwidth .columnwide p{
	margin:0%;
	font-size: 70%;
	font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 115%;
}
#main .contentfullwidth .column img, #main .contentfullwidth .columnwide img{
	border: 1px solid #000;  
}
#main .content h1, #main .contentinternal h1, #main .contentfullwidth h1{
	
margin: 15px 15px 15px 36px;
	font-size: 150%;
	font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 150%;
	color: #CC0000;
	font-weight: normal;
}
#main .content h2, #main .contentinternal h2, #main .contentfullwidth h2{
	
margin: 15px 15px 15px 36px;
	font-size: 120%;
	font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 150%;
	color: #CC0000;
	font-weight: normal;
}


#main .content ul, #main .contentinternal ul, #main .contentfullwidth ul {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
margin: 0 15px 15px 56px;
padding: 1px 0;
}
#main #equipmentlinks ul{
margin: 0px;
text-align: left;
}


#main .contentfullwidth h3, #main div#contact h3, #main #equipmentlinks h3{
	font-size: 110%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #CC0000;
	font-weight: normal;
	margin: 0px; 
	text-align: left;
}
#main div#contact h3{margin-top: 15px; }
#main .content h4, #main .contentinternal h4, #main .contentfullwidth .columnwide h4{
	font-size: 80%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 120%;
	color: #CC0000;
	font-weight: normal;
	margin-top: 5px; 
	margin-left: 0px;
	margin-bottom: 5px;
	text-align: left;	
}

/* pallet rollovers */

#palletrollovers {margin-left: 50px;} 
#main #palletrollovers  h2{
	font-size: 120%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	 
	color: #CC0000;
	font-weight: normal;
	margin-width="80px" border="0": 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: -10px;
}
.thumbnail{
position: relative;
z-index: 0;
margin: 2%;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
width: 300px; 
border: 1px dashed #CC0000;
visibility: hidden;
color: black;
text-decoration: none;
margin-width="80px" border="0": -50px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
width="80px" border="0": 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.palletcaption {width: 250px; font-size: 80%; text-align: center; font-weight: bold; clear: both; color: #CC0000;}
#main #palletrollovers  p.standardpallet-desc {font-size: 75%; color: #006633;margin-left: -10px; margin-bottom: 20px; }


.backtotop {clear: both; width: 100%; padding-left: 20px; font-size: 80%;}