@charset "utf-8";

/***********************/
/***** RESET RULES *****/
/***********************/
div, h2, h3, h4, h5, h6, img, ul, li, p, small, blockquote{ margin:0; padding:0; }
h2,h3,h4,h5,h6{ font-family: "Arial Black", Gadget, sans-serif; }
img{ border:none; }
input, textarea{ font-family:Arial, Helvetica, sans-serif; }


h1 {font-family:"Arial Black", Gadget, sans-serif; font-size:23px;}
h4 {font-size:12px;}


/*************************/
/***** GENERAL RULES *****/
/*************************/
html{ height:100%; margin-bottom:0px; }
body{
	font-family: Tahoma, Geneva, sans-serif;
	background-image:url(images/headerbg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:100%;
	margin:0px;
	padding:0;}
	
	
a:link {
		color: #00F;
		text-decoration:none;
}
a:visited {
		color: #800080;
		text-decoration:none
}
a:hover {
		color: #F00;
		text-decoration:none;
}


/************************/
/***** Header rules *****/
/************************/
#header_left{ position:absolute; top:0; right:70%; background-color:#fff; width:100%; height:180px; z-index:0; }
#header{ position:relative; margin:0 auto; padding:0px; width:1024px; height:180px; background:url(images/main_02.jpg) top right no-repeat; background-color:#FFF; z-index: 9999999; top:100;}

/* Logo */
#header h1{ margin:0px 0 0 0px; float:left; display: inline; }
#header h1 a{ outline:none; } 


/***** MENU *****/

#header ul.topMenu
	{ float: left; height: 26px; padding: 2px 0 0 0; position: relative; top: 155px; left:-25px;  }
#header ul.topMenu li.tm
	{ float: left; height: 26px; position: relative; list-style:none; }
#header ul.topMenu li.home
	{ background: transparent;  list-style:none;}
#header ul.topMenu li.tm a
	{ float: left; display: block; color: #fff; text-decoration: none; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 600; }
	
/* header dropdowns */

#header ul.topMenu li.tm ul.topSubmenu
	{ display: none; background: #ffffff; position: absolute; top: 25px; left: 0; z-index: 99101; border: 1px solid #cccccc; }
#header ul.topMenu li.tm ul.topSubmenu li.tsm
	{ display: block; float: none; z-index: 99102; }
#header ul.topMenu li.tm ul.topSubmenu li.tsm a
	{ display: block; float: none; z-index: 99102; }
#header ul.topMenu li.tm:hover a
	{ color: #ccffff; z-index: 99102; }
#header ul.topMenu li.tm:hover ul.topSubmenu
	{ display: block; z-index: 99201; }

#header ul.topMenu li.tm a
{
height:25px;
z-index: 99102;
}
	
#header ul.topMenu li.tm #menu_home {
background: url("images/top_navigation.png") 0 0; width:65px; text-indent:-3000px; }
#header ul.topMenu li.tm #menu_home:hover { background: url("images/top_navigation.png") 0 20px; }

#header ul.topMenu li.tm #menu_products {
background: url("images/top_navigation.png") -65px 0; width:95px; text-indent:-3000px; }
#header ul.topMenu li.tm #menu_products:hover { background: url("images/top_navigation.png") -65px 20px; }

#header ul.topMenu li.tm #menu_quote {
background: url("images/top_navigation.png") -160px 0; width:110px; text-indent:-3000px; }
#header ul.topMenu li.tm #menu_quote:hover { background: url("images/top_navigation.png") -160px 20px; }

#header ul.topMenu li.tm #menu_information {
background: url("images/top_navigation.png") -270px 0; width:125px; text-indent:-3000px; }
#header ul.topMenu li.tm #menu_information:hover { background: url("images/top_navigation.png") -270px 20px; }

#header ul.topMenu li.tm #menu_about {
background: url("images/top_navigation.png") -395px 0; width:90px; text-indent:-3000px; }
#header ul.topMenu li.tm #menu_about:hover { background: url("images/top_navigation.png") -395px 20px; }


#header ul.topMenu li.tm #menu_contact {
background: url("images/top_navigation.png") -485px 0; width:107px; text-indent:-3000px; }
#header ul.topMenu li.tm #menu_contact:hover { background: url("images/top_navigation.png") -482px 20px; }



#header ul.topMenu li.tm ul.topSubmenu li.tsm a
	{ width: 200px; height: 13px; color: #7C7C7C; margin: 0; padding: 5px 8px; font-size:11.5px; cursor:pointer;font-family:"Arial", serif; border-bottom: 1px solid #ccc; z-index: 9999999;}
#header ul.topMenu li.tm ul.topSubmenu li.tsm a:hover
	{ color: #cc0000; }



/***************************************/
/************* CONTENT*******************/
/***************************************/
#content {background: url(images/bg-snow.jpg) top no-repeat;  text-align: center; padding-top:50px; padding-bottom:0px; }
#content div p.active span a, #content div p.active span a:hover, #content div p.active span a:active{ text-align:center; text-indent:0; color:#34435e; display:block; }

#runningbg { margin:0; position:relative; width:100%; color:#34435e; background: url(images/bg.jpg) top repeat-x; text-align:center; }

#contenth { text-align: center; height:299px;}
#contenth div p.active span a, #contenth div p.active span a:hover, #contenth div p.active span a:active{ text-align:center; text-indent:0; color:#fff; display:block; }

#box {width: 950px; margin: 0px auto; text-align: left; font-size:13px; }


/**********************/
/***** HOME PAGECONTENT ********/
/**********************/
#centers{position: relative; z-index: 100; background-color:#004080; text-align: center; padding:0px;  }

.body_centers:after{centers: "."; display:block; height:0; clear:both; visibility: hidden; }
.body_centers{ display:inline-block; }
/* Hides from IE-mac \*/
* html .body_centers{ height: 1%; }
.body_centers{ display: block; }
/* End hide from IE-mac */

/*****************************************/
/***** HOME PAGE - BOTTOM CONTENT ********/
/*****************************************/
#hm-bottom
{width:550px;
height:105px;
background-image:url(images/homebottom.png);
padding-top:15px;
padding-left:0px;
padding-right:474px;
padding-bottom:15px;
background-repeat:no-repeat;
border:0px;
margin:0px;
top:0px;
border-bottom:#FFF solid 3px;
font-family: Tahoma, Geneva, sans-serif;
color:#fff;
font-size:13px;
line-height:15pt;
text-align:left;
}




/******************/
/***** FOOTER *****/
/******************/
#footer{ width:100%; position:relative; height:80px;}
#footer .full{ margin:0 auto; width:1024px; height:80px; position:relative;} 




/*******************************/
/***** HOME PAGE IMAGE MAP *****/
/*******************************/
#map {position:relative; margin:auto; width:1024px; height:301px;  }
#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {position:absolute;}


#map ul li#construction {
	width:53px;
	height:54px;
	top:228px;
	left:502px;
	background-image:url(images/ping-construction.gif);
	background-repeat: no-repeat;
}

#map ul li#length {
	width:54px;
	height:55px;
	top:-1px;
	left:684px;
	background-image:url(images/ping-length.gif);
	background-repeat:no-repeat;
}
#map ul li#delivery {
	width:54px;
	height:55px;
	top:233px;
	left:659px;
	background-image:url(images/ping-delivery.gif);
	background-repeat:no-repeat;
}
#map ul li#mods {
	width:54px;
	height:55px;
	top:32px;
	left:384px;
	background-image:url(images/ping-mods.gif);
	background-repeat:no-repeat;
	
}
#map ul li#powered {
	width:54px;
	height:55px;
	top:143px;
	left:404px;
	background-image:url(images/ping-powered.gif);
	background-repeat:no-repeat;
}

#map ul li#materials {
	width:54px;
	height:55px;
	top:107px;
	left:887px;
	background-image:url(images/ping-materials.gif);
	background-repeat:no-repeat;
}
 
/* remove the absolute position from the list items for lte IE6 */
* html #map ul li {position:static;}
 
/* and give the absolute position to the links for lte IE6 */
* html #map ul li a.tl {position:absolute;}
* html #map ul li#construction a.tl {top:31px; left:63px;}
* html #map ul li#length a.tl {top:77px; left:291px;}
* html #map ul li#delivery a.tl {top:306px; left:130px;}
* html #map ul li#mods a.tl {top:352px; left:346px;}
* html #map ul li#powered a.tl {top:246px; left:435px;}
 * html #map ul li#materials a.tl {top:246px; left:435px;}
 
#map ul li a {text-decoration:none;}
 
#map ul li a.tl {display:block; text-indent:-9999px; background: url(images/transparent.gif);}
 
#map ul li a.tl:hover, #map ul li:hover {z-index:500;}
 
#map ul li#construction a.tl {width:60px; height:60px;}
#map ul li#construction a.tl:hover, #map ul li#construction:hover {background:url(images/ping-construction.gif); background-repeat:no-repeat;}

#map ul li#length a.tl {width:60px; height:60px;}
#map ul li#length a.tl:hover, #map ul li#length:hover {background:url(images/ping-length.gif); background-repeat:no-repeat;}

#map ul li#delivery a.tl {width:60px; height:60px;}
#map ul li#delivery a.tl:hover, #map ul li#delivery:hover {background:url(images/ping-delivery.gif); background-repeat:no-repeat;}

#map ul li#mods a.tl {width:60px; height:60px;}
#map ul li#mods a.tl:hover, #map ul li#mods:hover {background:url(images/ping-mods.gif); background-repeat:no-repeat;}

#map ul li#powered a.tl {width:60px; height:60px;}
#map ul li#powered a.tl:hover, #map ul li#powered:hover {background:url(images/ping-powered.gif); background-repeat:no-repeat;}

#map ul li#materials a.tl {width:60px; height:60px;}
#map ul li#materials a.tl:hover, #map ul li#materials:hover {background:url(images/ping-materials.gif); background-repeat:no-repeat;}
 
 
 
#map ul li .xsnazzy,
#map ul li a .xsnazzy
{visibility:hidden;}
 
/* For IE6 to work */
* html #map ul li a.tl:hover {border:0;}
 
* html #map ul li a:hover .xsnazzy {visibility:visible;}
 
#map ul li:hover .xsnazzy {visibility:visible;}
 
/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li:hover .xsnazzy {background:url(images/transparent.gif);}
 
.xsnazzy {display:block; position:absolute; height:auto; text-align:center;}
 
 /*  these control the text boxes  */
#construction .xsnazzy {left:-20px; top:-135px; width:300px;}
#length .xsnazzy {left:-52px; top:30px; width:210px;}
#delivery .xsnazzy {left:30px; top:-90px; width:250px;}
#mods .xsnazzy {left:-305px; top:-45px; width:300px;}
#powered .xsnazzy {left:-255px; top:-42px; width:250px;}
#materials .xsnazzy {left:-311px; top:-45px; width:305px;}
 
.xsnazzy h1, .xsnazzy p {margin:0 10px;}
.xsnazzy h1 {font-size:0.9em; color: #252f42; font-family: Verdana, Geneva, sans-serif; border-bottom:1px solid #fff; padding-bottom:0.5em;}
.xsnazzy p {padding-bottom:0.5em; color:#eee; font-size:12px; text-align:left;}
.xsnazzy {background: transparent; margin:1em;}
 
 
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#7f7f9c; border-width:0 5px;}
.xb5 {margin:0 2px; background:#7f7f9c; border-width:0 4px;}
.xb6 {margin:0 2px; background:#7f7f9c; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#7f7f9c; border-width:0 3px; height:2px;} 
 
.xboxcontent {display:block; background:#7f7f9c; border:3px solid #fff; border-width:0 3px;}
.xboxcontent a, .xboxcontent a:visited {display:block; color:#fff; font-weight:bold; font-size:12px; text-indent:0; padding:4px;}
 
#map ul li a:hover .xsnazzy .xboxcontent a:hover {color:#fff;}
#map ul li:hover .xsnazzy .xboxcontent a:hover {color:#fff;}
 
.xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(images/point.gif) center top; position:absolute; left:50px; top:-11px;}
.xsnazzy em.point_bottom {display:block; font-size:0; width:25px; height:14px; background:url(images/point.gif) center bottom; position:absolute; right:257px; bottom:-11px;}


/* for IE5.5 */
* html .xsnazzy em.point_bottom {bottom:-12px; bo\ttom:-11px;}
.xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(images/point.gif) left center; position:absolute; left:-11px; top:90px;}
.xsnazzy em.point_right {display:block; font-size:0; width:14px; height:25px; background:url(images/point.gif) right center; position:absolute; right:-11px; top:43px;}
/* for IE5.5 */
* html .xsnazzy em.point_right {right:-12px; ri\ght:-11px;}







/*********************************************/
/***********PRODUCTS PAGE*********************/
/*********************************************/
/* cold box button */
.but1 {display: block; width: 350px; height: 219px; background: url("images/coldbox-but.png") no-repeat 0 0; float: left; }
.but1:hover {background-position: 0 -219px;}
.but1 span{display: none;}
/* end */

/* insulated box button */
.but2 {display: block; width: 280px; height: 175px; background: url("images/insulated-but.png") no-repeat 0 0; float: left; }
.but2:hover {background-position: 0 -175px;}
.but2 span{display: none;}
/* end */

/* insulated box button */
.but3 {display: block; width: 280px; height: 175px; background: url("images/nonrefer-but.png") no-repeat 0 0; float: left; }
.but3:hover {background-position: 0 -175px;}
.but3 span{display: none;}
/* end */

/* style for download pdf in sidebar */
.print {width:250px; padding-left:35px; text-align:left;}

/*******************************/
/********COLD PAGE**************/
/*******************************/

.options
{ float:left; 
border:#D2D2D2 solid 0px; text-align:center; margin-right:35px; }

.options2
{float:right; width:420px; text-align:justify;}

.clear
{clear:both;}

.opline {	border-bottom:#A6A6A6 dotted 2px; width:500px; margin-left:40px; margin-right:40px; padding-top:2px; padding-bottom:3px; margin-bottom:5px;}

.line
{ display:block;
border-bottom: #656565  solid 1px;
width:650px;
height:15px;

}

/* purchase button */
.purchasebut {display: block; width: 269px; height: 55px; background: url("images/purchase-but.png") no-repeat 0 0; float: left; }
.purchasebut:hover {background-position: 0 -55px;}
.purchasebut span{display: none;}
/* end */

/* lease button */
.leasebut {display: block; width: 269px; height: 55px; background: url("images/lease-but.png") no-repeat 0 0; float: left; }
.leasebut:hover {background-position: 0 -55px;}
.leasebut span{display: none;}
/* end */

.opbox
{width:435px;
border: #D2D2D2 solid 2px; 
border-radius: 8px; 
padding:10px; }

.dotline {	border-bottom:#A6A6A6 dotted 2px; width:220px; margin-left:27px; margin-right:27px; padding-top:2px; padding-bottom:3px; margin-bottom:5px;}

/********************************************/
/**********INSTRUCTIONS PAGE*****************/
/********************************************/
.icons {
	float:left;
	width:190px; 
	text-align:center;
}



#leftcol {
float:left;
width:574px;
text-align:justify;
padding-top:10px;
padding-left:40px; 
padding-right:38px;
border-radius: 10px; 
background-image:url(images/transbg1.png); background-repeat:no-repeat;
  }



/**********************************************/
/**************STORAGE TEMPS*******************/
/**********************************************/
.top {float:left; height:25px; border:#545454 solid 
1px;margin-left:40px; text-align:center;  font-weight:bolder; 
padding-top:5px; width:231px; background-color:#fff; }
.top1 {float:left; height:25px; border:#545454 solid 1px; text-align:center;  font-weight:bolder; padding-top:5px;  border-left:0px; width:120px; background-color:#fff;}
.temp {float:left; width:110px; height:70px; border:#545454 solid 1px;margin-left:40px; background-color:#fff; text-align:center;}
.temp1 {float:left; width:120px; height:45px; border:#545454 solid 1px; border-left:0px; text-align:center; font-weight:bold; padding-top:25px; background-color:#fff;}


/**********************************************/
/***********REFRIGERATED PAGE******************/
/**********************************************/
.picr {float:left; width:158px; font-weight:bold; font-size:11px; height:120px; color: #6C6C6C; text-align:center; margin:0px; }
.capr {float:left; width:158px; font-weight:bold; text-align:center; font-size:11px; height:30px; color: #6C6C6C; margin:0px; vertical-align:middle;}


/**********************************************/
/***********SPECS *****************************/
/**********************************************/
.tab1 {float:left; height:50px; border:#ccc solid 1px; text-align:center;  font-weight:bolder; padding-top:5px; width:50px; }
.tab2 {float:left; height:22px; border:#ccc solid 1px; text-align:center; border-left:none; border-bottom:none;  font-weight:bolder; padding-top:5px; width:129px; }
.tab3 {float:left; height:21px; border:#ccc solid 1px; text-align:center; border-left:none;  font-weight:bolder; padding-top:5px; width:64px; }
.tab4 {float:left; height:21px; border:#ccc solid 1px; text-align:center; border-top:none;  font-weight:bolder; padding-top:5px; width:50px; }
.tab5 {float:left; height:21px; border:#ccc solid 1px; text-align:center; border-top:none; border-left:none; font-weight:bold; padding-top:5px; width:64px; font-size:11px;}

 .frac {font-size: 8px;}
				
.tab6 {float:left; height:21px; border:#ccc solid 1px; text-align:center;  font-weight:bolder; padding-top:5px; width:112px; }
.tab7 {float:left; height:21px; border:#ccc solid 1px; text-align:center;  font-weight:bold; padding-top:5px; width:112px; font-size:10px;}	


.ops {float:left; height:18px; border:none; text-align:left;  font-weight:bold; padding-top:5px; width:143px; font-size:11px; padding-left:10px; color:#34435e}	


#specs {float:right; width:273px; background-image:url(images/sidebar2.png); height:500px; text-align:center; padding-top:20px; background-repeat:no-repeat;}

#specs-long {float:right; width:273px; background-image:url(images/sidebar4.png); height:550px; text-align:center; padding-top:20px; background-repeat:no-repeat;}
				
/*********************************************/
/********QUOTE PAGE***************************/
/*********************************************/
.quoteselect {width: 400px; float: left;}
.quotelabel { width: 150px; float: left; margin-bottom: 20px; }
.quotesub { width: 175px; float: left; margin: 0; }
.quotesub2 {  width: 225px; float: left; margin: 0;
}

#facebook {
float: right; 
position: relative; 
top: 1px; 
left: 15px;
}