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

body
{
background-color: #DAF3FD;
color: #333333;
font-family:Tahoma, Verdana, Arial, "sans serif";
font-size: 11px;
}

#container
{
width: 917px;
border-top-color: #ADADAD;
border-top-width:1px;
border-top-style: solid;
border-left-color: #ADADAD;
border-left-width:1px;
border-left-style: solid;
border-right-color: #ADADAD;
border-right-width:1px;
border-right-style: solid;
margin: auto;
position: relative;
background-color: #FFFFFF;
}

#banner
{
width: 917px;
height: 126px;
position: relative;
}

	#banner a img {border: none; float: left;}
	#bright {float: right;}
	#banner h2 {position: absolute; bottom: 10px; right: 10px; margin: 0px; padding: 0px; color: #FFFFFF;}

/*#nav
{

}

	#nav li
	{
	display: block;
	float: left;
	}
	
	#nav li a
	{
	color: #333333;
	text-decoration: none;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	}
	
		#nav li a:hover
		{
		color: #000000;
		}
*/	
#phone
{
position: absolute;
top: 126px;
right: 0px;
}
	
#leftnav
{
float: left;
width: 158px;
background-color: #62BFE8;
background-image: url(../images/leftnav_bg_y.gif);
background-repeat: repeat-y;
border-bottom-color: #2892C4;
border-bottom-style: solid;
border-bottom-width: 2px;
}

	#leftnav h1
	{
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	line-height: 34px;
	background-image: url(../images/product_head_bg.gif);
	}
	
	#leftnav ul
	{
	width: 158px;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	list-style: none;
	background-image: url(../images/product_nav_bg.gif);
	background-repeat: no-repeat;
	}
	
		#leftnav ul li
		{
		
		}
		
		#leftnav ul li a
		{
		display: block;
		padding-left: 5px;
		padding-right: 5px;
		border-bottom: dotted 1px #CCCCCC;
		text-decoration: none;
		color: #FFFFFF;
		line-height: 29px;
		}

		#leftnav ul li a:hover
		{
		display: block;
		padding-left: 5px;
		padding-right: 5px;
		border-bottom: dotted 1px #CCCCCC;
		text-decoration: none;
		color: #FFFFFF;
		font-weight: bold;
		background-color: #2892C4;
		background-image: url(../images/navbg-hover.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		}
		
		#leftnav ul li a:active
		{
		display: block;
		padding-left: 5px;
		padding-right: 5px;
		border-bottom: solid 1px #CCCCCC;
		text-decoration: none;
		color: #FFFFFF;
		font-weight: bold;
		background-color: #2892C4;
		background-image: none;
		}		
		
		.small
		{
		margin-top: 10px;
		font-size: 10px;
		color: #000000;
		padding-left: 5px;
		padding-right: 5px;
		}
		
			.small h2
			{
			font-size: 11px;
			margin-top: 0px;
			padding-top: 0px;
			}
		
#maincontent
{
float: left;
margin-left: 10px;
width: 594px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 15px;
}

	#maincontent h1
	{
	margin-top: 0px;
	padding-top: 0px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:18px;
	font-weight:bold;
	}
	
	#maincontent h2
	{
	margin-top: 0px;
	padding-top: 0px;
	font-size:14px;
	font-weight:normal;
	}
	
	#maincontent h3
	{
	margin-top: 0px;
	padding-top: 0px;
	font-size:13px;
	font-weight:normal;
	}

	#maincontent p, #maincontent ul
	{
	line-height: 160%;
	}
	
	.pbox
	{
	width: 729px;
	min-height: 100px;
	display: block;
	padding-bottom: 5px;
	background-image: url(../images/product-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	}
		
		.pbox img
		{
		float: right;
		margin-top: 35px;
		margin-left: 10px;
		border-color: #A8CBDE;
		border-style: solid;
		border-width: 1px;
		}
		
		.pbox strong
		{
		margin-left: 45px;
		}
		
		.pbox h2
		{
		background-color: #A8CBDE;
		color: #FFFFFF;
		font-size: 12px;
		line-height: 30px;
		padding-left: 3px;
		padding-right: 3px;
		}
		
		.pbox table
		{
		margin-left: 3px;
		line-height: 150%;
		}
		
	#rightcontent
	{
	float: left;
	width: 115px;
	margin-left: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
	}
	
.clear {clear: both;}

#footer
{
margin: auto;
position: relative;
background-image: url(../images/footer_bg.gif);
background-repeat: no-repeat;
width: 921px;
height: 161px;
}

	#footer a
	{
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #ccc;
	text-decoration: none;
	}

/* Nav classes */
.index a#index,
.p-coldrooms a#coldrooms,
.p-coldroomdoors a#coldroomdoors,
.p-coldroommodular a#coldroommodular,
.p-coldroomtrims a#coldroomtrims,
.p-housedunits a#housedunits,
.p-monoblocks a#monoblocks,
.p-evaporators a#evaporators,
.p-dressedunits a#dressedunits,
.p-controlunits a#controlunits {color: #000000; background:#FFFFFF;}

/* Nav classes */
.index a#index:hover,
.p-coldrooms a#coldrooms:hover,
.p-coldroomdoors a#coldroomdoors:hover,
.p-coldroomtrims a#coldroomtrims:hover,
.p-coldroommodular a#coldroommodular:hover,
.p-housedunits a#housedunits:hover,
.p-monoblocks a#monoblocks:hover,
.p-evaporators a#evaporators:hover,
.p-dressedunits a#dressedunits:hover,
.p-controlunits a#controlunits:hover {color: #000000; background:#FFFFFF; font-weight: normal;}

.g-image
{
float: left;
border: 1px solid #ccc;
margin: 0px 2px 2px 0px;
width: 100px;
height: 100px;
}

/* NAV */
#nav 
{
background-image: url(../images/nav_bg_x.gif);
background-repeat: repeat-x;
height: 33px;
line-height: 33px;
width: 917px;
list-style: none;
padding: 0px;
margin: 0px;
}

#nav ul
{
list-style: none;
padding: 0px;
margin: 0px;
}

	#nav ul li
	{
	display: block;
	float: left;
	}
	
	#nav ul li a
	{
	display: block;
	color: #333333;
	text-decoration: none;
	padding: 0px 20px 0px 20px;
	margin: 0px 5px 0px 5px;
	}
	
	#nav ul li a:hover {color: #000000;}
	
	#nav ul li ul
	{	
	position: absolute;
	visibility: hidden;
	list-style: none;
	margin: 0;
	margin-left: -5px;
	padding: 1px 0px 0px 0px;
	z-index: 150;
	width: 200px;
	}

	#nav ul li ul li
	{	
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0px;
	width: 200px;
	white-space: nowrap;
	text-align: left;
	z-index: 150;
	letter-spacing: normal;
	}
	
	#nav ul li ul li a
	{
	display: block;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	background: #FFF;
	color: #3399CC;
	opacity:0.95;
	filter:alpha(opacity=95);
	font-size: 11px;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	}

	#nav ul li ul li a:hover
	{	
	border-bottom-color: #3399CC;
	background: #3399CC;
	text-decoration: none;
	color: #FFFFFF;
	z-index: 150;
	}