﻿@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#767676;
	background:#004b79;
}
a{
	color:#3383b7;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
img{
	border:0;
}
p{	
	margin:0 0 16px 0;
}
ul{
	padding:0;
	margin:0;
	list-style:none;
}

h5{
	color: #8DC63F;
	font-weight: bold;
	font-size: 13px;
}

.bulletList ul{
	list-style: circle !important;
	padding:10px;
	margin-left:10px;
	margin-bottom: 5px;
}

.bulletList ul li{
	padding:5px;
}
	
/*main box*/
.main{
	width:800px;
	margin:0 auto;
	

}
/*main box on homepage*/
.main#homepage{
	background: #FFF url(/_images/homepage-bg.gif) no-repeat 0 0;
	width:800px;
	overflow:hidden;
}
.main#homepage .header{
	background:none;
	
}
/*header*/
.header{
	width:800px;
	overflow:hidden;
	height:141px;
	background: url(/_images/header-bg.gif) repeat-y 0 0;
}
/*logo*/
.header h1{
	margin:18px 0 0 42px;
	padding:0;
	display:inline;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
	position:relative;
}
.header h1 a{
	background:url(/_images/sparklingdrop.gif) no-repeat 0 0;
	width:97px;
	height:97px;
	display:block;
}
span.hcs-logo{
	background:url(/_images/humidity-control-systems.gif) no-repeat 0 0;
	width:292px;
	height:100px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:14px 0 0 -20px;
}
.header h2{
	font:22px Arial, Helvetica, sans-serif;
	color:#056dad;
	margin:0;
	float:left;
	margin:47px 0 0 70px;
	display:inline;
	line-height:20px;
}
.header h2 span{
	color:#8dc63f;
	font:22px Arial, Helvetica, sans-serif;
	display:block;
	padding:0 0 0 60px;
}
/*navigation*/
ul.nav{
	width:800px;
	background:#00adef;
	padding:0 0 0 0;
	float:left;
}
ul.nav li.first{
	background:none !important;
	padding:0 0 0 10px;
}
ul.nav li{
	float:left;
	white-space:nowrap;
	position:relative;
}
ul.nav li a{
	padding:0 0 0 14px;
	float:left;
	height:43px;
	color:#fff;
	background:#00adef;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
ul.nav li a:hover{
	background:url(/_images/hover.gif) repeat-x 0 0;
}
ul.nav li a span{
	background-image:url(/_images/split.gif);
	background-position:100% 0;
	background-repeat:no-repeat;
	height:29px;
	float:left;
	padding:14px 14px 0 0;
	cursor:pointer;
}
ul.nav li a:hover span{
	background-position:100% -43px;
}
ul.nav li.last a span{
	background:none;
}
ul.nav li ul{
	position:absolute;
	top:43px;
	left:0;
	z-index:100;
	width:130px;
	display:none;
}
ul.nav li ul li{
	background:#8dc340;
	width:130px;	
	float:left;
	border-bottom:1px solid #fff;
}
ul.nav li ul li a{
	padding:2px 0 2px 15px;
	height:14px;
	width:115px;
	background:#8dc340;
	font:normal 11px Arial, Helvetica, sans-serif;
}
ul.nav li ul li a:hover{
	background:#8dc340;
}
ul.nav li:hover ul, 
ul.nav li.hover ul{
	display:block;
}
ul.nav li:hover a, 
ul.nav li.hover a{
	background:url(/_images/hover.gif) repeat-x 0 0;
}
ul.nav li:hover ul li a, 
ul.nav li.hover ul li a{
	background:#00adef;
}
ul.nav li:hover ul li a:hover, 
ul.nav li.hover ul li a:hover{
	background:#8dc340;
}


.mainNavLink1{
	width: 116px !important; 
	display:block;
}

.mainNavLink2{
	width: 117px !important; 
	display:block;
}

.mainNavLink3{
	width: 75px !important; 
	display:block;
}

/*content box*/
.main#homepage .content-home{
	background:none;
}
.content-home{
	width:771px;
	padding:0 0 0 29px;
	float:left;
	background:#fff;	
}
/*left box (homepage)*/
.left-home{
	float:left;
	margin:16px 56px 0 0;
	display:inline;
	width:366px;
}
/*right box (homepage)*/
.right-home{
	float:left;
	width:310px;
	margin:16px 0 0 0;
}
h2.welcome-to{
	background:url(/_images/welcome-to.gif) no-repeat 0 0;
	width:345px;
	height:72px;
	text-indent:-9999px;
	margin:0 0 36px 0;
}
.left-home p{
	padding:0 20px 0 20px;
}
.cooler-box-line{
	margin:20px 0 0 0;
	width:366px;
}
/*product box*/
.box{
	background:url(/_images/box-bg.gif) no-repeat 0 0;
	width:165px;
	min-height:210px;
	position:relative;
	float:left;
	padding:7px 0 0 0;
}
* html .box{
	height:210px;
}
.right{
	float:right !important;
}
.box h3{
	text-align:center;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 6px 0;
}
.box h3 span{
	font-size:12px;
	font-weight:normal;
	display:block;
}
.box-ct{
	width:85px;
	float:right;
}
.box-ct p{
	padding:0;
	color:#fff;
}
.box-ct p a{
	display:block;
	color:#fff;
}
a.free{
	font-size:14px;
	color:#fff;
	margin:3px 0 6px 0;
	display:block;
}
span.item001{
	/*background:url(/_images/item-th01.png) no-repeat 0 0;*/
	width:83px;
	height:49px;
	top:50px;
	left:-20px;
	display:block;
	position:absolute;
	
	background: url(blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_images/item-th01.png', sizingmethod='crop');
	cursor: pointer;

}
span.item002{
	/*background:url(/_images/item-th02.png) no-repeat 0 0;*/
	width:97px;
	height:154px;
	top:45px;
	left:-23px;
	display:block;
	position:absolute;
	
	background: url(blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_images/item-th02.png', sizingmethod='crop');
	cursor: pointer;

}
a.cooler-king{
	background:url(/_images/cooler-king-logo.gif) no-repeat 0 0;
	width:74px;
	height:68px;
	display:block;
	position:absolute;
	top:106px;
	left:3px;
	text-indent:-9999px;
	overflow:hidden;
}
h3.choose{
	background:url(/_images/choose-industry.gif) no-repeat 0 0;
	width:288px;
	height:20px;
	margin:0 0 12px 0;
	text-indent:-9999px;
	overflow:hidden;
}
/*industry items list*/
ul.industry-list{
	overflow:hidden;
	width:324px;
	margin:0 0 0 -14px;
}
ul.industry-list li{
	width:148px;
	margin:0 0 0 14px;
	padding:0 0 6px 0;
	float:left;
	display:inline;
}
ul.industry-list li strong{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#0075a7;
}
ul.industry-list li span{
	float:right;
	background:url(/_images/more-arrow.gif) no-repeat 0 5px;
	padding:0 0 0 14px;
}
ul.industry-list li span a{
	color:#8db842;
	font-size:11px;
	text-decoration:none;
	/*font-weight:bold;*/
}
ul.industry-list li span a:hover{
	text-decoration:underline;
}
ul.industry-list li em{
	display:block;
}
ul.industry-list li p a strong{
	font-weight:bold;
	cursor:pointer;	
}
/*footer shadow box*/
.fbox1-top{
	background:url(/_images/center-top1.png) no-repeat 0 0;
	width:336px;
	height:25px;
	margin:-24px 0 0 0;
	position:relative;

}
.fbox1-center{
	background:url(/_images/center-box1.png) repeat-y 0 0;
	width:336px;
	overflow:hidden;
}
.fbox1-footer{
	background:url(/_images/center-bottom1.png) no-repeat 0 0;
	width:336px;
	height:39px;
	overflow:hidden;
	margin:0 0 0 2px;
}
.fbox1-ct{
	width:294px;
	margin:0 0 0 9px;
	padding:0 0 0 24px;
	overflow:hidden;
	background:#fff;
}
/*footer (homepage)*/
.footer{
	width:800px;
	float:left;
}
.fright{
	width:336px;
	margin:0 18px 0 0;
	float:right;
}
h3.payment-benefits{
	width:249px;
	height:18px;
	overflow:hidden;
	margin:0 0 16px 0;
	text-indent:-9999px;
}
.cols{
	width:280px;
	overflow:hidden;
	background:url(/_images/cols.gif) repeat-y 0 0;
}
.col{
	width:136px;
	float:left;
}
.col h4{
	background:url(/_images/more-arrow2.gif) no-repeat 0 7px;
	color:#6c9435;
	font:16px Arial, Helvetica, sans-serif;
	padding:0 0 0 24px;
	margin:0 0 8px 0;
	overflow:hidden;
}
.col ul li, .ind-box ul li{
	padding:0 0 4px 14px;
	background:url(/_images/bullet.gif) no-repeat 0 5px; 
}
.col ul li a{
	font-weight:normal;
	color:#0075a7;
}
.col a{
	font-weight:bold;
	color:#8dc63f;
}

.col2{
	width:136px;
	float:left;
	padding-left: 8px;
}
.col2 h4{
	background:url(/_images/more-arrow2.gif) no-repeat 0 7px;
	color:#6c9435;
	font:16px Arial, Helvetica, sans-serif;
	padding:0 0 0 24px;
	margin:0 0 8px 0;
	overflow:hidden;
}
.col2 ul li, .ind-box ul li{
	padding:0 0 4px 14px;
	background:url(/_images/bullet.gif) no-repeat 0 5px; 
}
.col2 ul li a{
	font-weight:normal;
	color:#0075a7;
}
.col2 a{
	font-weight:bold;
	color:#8dc63f;
}
.fbox-left{
	width:408px;
	float:left;
	margin:70px 0 0 4px;
	display:inline;
	background:url(/_images/fy-bg.gif) repeat-y 0 0;	
}
.fbox-left-bt{
	background:url(/_images/ft.gif) no-repeat 0 100%;
	width:378px;
	float:left;
	padding:0 0 0 30px;
	margin:0 0 0 2px;
	display:inline;
}
h3.whats-new{
	background:url(/_images/whats-new.gif) no-repeat 0 0;
	width:113px;
	height:21px;
	text-indent:-9999px;
	float:right;
	margin:-40px 56px 14px 0;
	display:inline;
	position:relative;
}
.fbleft-cont{
	width:320px;
	overflow:hidden;
	float:left;
	padding:0 0 20px 0;
	position:relative;
}
.foot-line {
	width:750px;
	overflow:hidden;
	padding:12px 0 0 50px;
	float:left;
	font-size:10px;
}
.foot-line-right{
	width:770px;
	float:right;
	color:#fff;
	clear:right;
	display:inline;
	margin:10px 20px 0 0;
}
.foot-line-right ul li a{
	color:#fff !important;
}
.foot-line-right ul{
	padding:0 0 4px 0;
}
.foot-line-right ul li{
	border-left:1px solid #fff !important;
}
ul.foot-list1{
	overflow:hidden;
	width:250px;
	float:left;
	margin:0 28px 0 0;
	display:inline;
}
ul.foot-list1 li{
	border-left:1px solid #767676;
	font-size:10px;
	display:inline;
	margin:0 0 0 -2px;
	padding:0 6px;
	text-transform:uppercase;
}
ul.foot-list1 li a{
	color:#767676;
	text-decoration:none;
}
ul.foot-list1 li a:hover{
	text-decoration:underline;
}
.foot-line p{
	float:left;
	margin:0 28px 0 0;
	display:inline;
	white-space:nowrap;
	padding:0 0 16px 0;
}
.foot-line p a{
	color:#767676;
}
.foot-line-right p a{
	color:#fff;
}
.foot-line-right p{
	padding:0 0 0 5px;
	text-align:right;
}
.ind-box{
	width:216px;
	float:right;
	height:129px;
	overflow:hidden;
	padding:12px 0 0 20px;
	background:#fff;
}
h2.choose-ind{
	background:url(/_images/choose-industry.gif) no-repeat 0 0;
	width:206px;
	float:left;
	margin:0 0 10px 0;
	text-indent:-9999px;
	overflow:hidden;
}
.ind-box ul{
	width:103px;
	float:left;
}
/*center box (inner)*/
.center-box{
	width:535px;
	float:left;
	background:#fff url(/_images/center-bg.jpg) no-repeat 100% 0;
	padding:36px 0 0 0;
}
/*right box (inner)*/
.right-box{
	width:236px;
	float:left;
}

.center-box h2{
	font:18px "Arial Black", Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
	overflow:hidden;
	color:#8dc63f;
}
.center-box h2 em{
	font:18px normal Arial, Helvetica, sans-serif;
	color:#3383b7;
}
.center-box h2 span{
	border-bottom:1px solid #c2c2c2;
	float:left;
}
/*left side box on inner*/
.side{
	width:162px;
	float:left;
	clear:left;
	text-align: center;
	margin-right: 10px;
	display:inline-block;
}
.side ul li{
	padding:0 0 12px 0;
	float:left;
	display:inline-block;
}
/*content box on innerpage*/
.ct{
	font-size: 13px;
	width:320px;
	min-height:250px;
	float:left;
	padding-bottom:85px;
}

.ctr{
	font-size: 13px;
	width:320px;
	/*margin: 0 auto 0 auto;*/
	float:right;
	padding-bottom:85px;
}
.ct h3{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#0075a7;
	margin:0 0 12px 0;
}
ul.stuff-list{
	font-size:12px;
	margin:32px 0 0 30px;
	overflow:hidden;
	width:180px;
}
ul.stuff-list li{
	padding:0 0 6px 24px;
	background:url(/_images/more-arrow.gif) no-repeat 0 5px;
}
ul.stuff-list li a{
	color:#004b79;
}
ul.stuff-list li a:hover, ul.stuff-list li.active a{
	color:#658330;
	text-decoration:underline;
}
/*footer on inner page*/
.footer-inner{
	background:#fff url(/_images/footer.gif) no-repeat 0 0;
	width:800px;
	height:166px;
	float:left;
}
.in-f-box{
	float:right;
	margin:-108px 14px 0 0;
	position:relative;
	display:inline;
}
.in-f-top{
	background:url(/_images/in-f-top.png) no-repeat 0 0;
	width:286px;
	height:29px;
	overflow:hidden;
	margin:0 0 0 1px;
}
.in-f-center{
	background:url(/_images/in-f-center.png) repeat-y 0 0;
	width:214px;
	overflow:hidden;
	padding:0 28px 0 46px;
}
.in-f-bottom{
	background:url(/_images/in-f-bottom.png) no-repeat 0 0;
	width:286px;
	height:27px;
	overflow:hidden;
	margin:0 0 0 1px;
}
h3.benefits{
	background:url(/_images/benefits.gif) no-repeat 0 0;
	width:214px;
	height:20px;
	margin:0 0 12px 0;
	overflow:hidden;
	text-indent:-9999px;
	overflow:hidden;
}
.in-f-center ul{
	margin:0 0 0 5px;
	overflow:hidden;
	width:208px;
}
.in-f-center ul li{
	background:url(/_images/bullet.gif) no-repeat 0 4px;
	padding:0 0 3px 14px;
}

.sitemap ul li {
	padding:0;
	margin:0;
	margin:0 0 0 15px;
	background:url(/_images/bullet.gif) no-repeat 0 4px;
	padding:0 0 3px 14px;
	overflow:auto;
}

.homeInfoBoxText{
	font-size: 11px;
	width: 80px;
}

.paymentLinks a{
	font-weight:bold;
	color:#8dc63f;
}

.sodaChartHeader{
	background: #004b79;
	color:#FFFFFF;
	padding: 4px;
	font-weight: bold;
}

img, div { behavior: url(iepngfix.htc) }

.bump {
	line-height: 20px;
	width:100%;
	height:20px;
	display:block;
	clear:both;
	}
