/* ---------------- Global Styles ----------------- */
/* ------------------------------------------------ */
* {	padding: 0;	margin: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, form { padding: 6px 0; }
li, dd, blockquote { margin-left: 30px; margin-top: 1px; }
fieldset { padding: 10px; }
html
	{
	height: 100%;
	margin-bottom: .01em;
	}
body
	{
	background: url(/images/bg_main_interior.gif) left top repeat-x;
	text-align: center;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color: #233754;
	font-size: 11px;
	padding-bottom: 20px;
	}
body#homepage 
	{
	background: url(/images/bg_main.gif) left top repeat-x;
	}
.clearfix
	{
	clear: both;
	line-height: 0px;
	font-size: 0px;
	}
/* --------------- Main Structure ----------------- */
/* ------------------------------------------------ */
#containermain
	{
	width: 750px;
	background: url(/images/bg_sidenav.gif) left repeat-y;
	background-color: #fff;
	border: 1px solid #233754;
	border-top: none;
	text-align: left;
	margin: auto;
	padding-bottom: 30px;
	position: relative;
	}
#banner
	{
	background-color: #fff;
	width: 750px;
	height: 83px;
	text-align: left;
	}
#logo
	{
	margin: 7px 0 0 14px;
	float: left;
	}
#banner_content
	{
	background: url(/images/bg_contact.jpg) left bottom repeat-x;
	margin: 7px 10px 0 0;
	height: 72px;
	width: 120px;
	float: right;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	}
#searchmap
	{
	font-size: 9px;
	text-align: left;
	}
#search
	{
	float: right;
	}
#map
	{
	float: left;
	}
#footer
	{
	margin: auto;
	color: #848484;
	font-size: 10px;
	font-weight: bold;
	padding-top: 7px;
	}
/* ------------------ Headings -------------------- */
/* ------------------------------------------------ */
h2
	{
	color: #b5111b;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
	}
h3
	{
	font-weight: bold;
	font-size: 14px;
	margin-left: 9px;
	text-transform: uppercase;
	}
h4	
	{
	font-size: 10px;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
	}
h5
	{
	font-size: 18px;
	font-weight: bold;
	padding: 7px 0 0 0;
	margin: 0;
	text-transform: uppercase;
	}
h6
	{
	font-size: 11px;
	font-weight: bold;
	margin-left: 17px;
	padding: 0;
	text-transform: uppercase;
	}
h6.pad {
    margin-top: 20px;
}


#content_category h6
	{
	margin-left: 0px;
	}
/* ----------------- Navigation ------------------- */
/* ------------------------------------------------ */
#topnav
	{
	width: 750px;
	height: 22px;
	background: url(/images/bg_topnav.jpg);
	border-top: 1px solid #233754;
	border-bottom: 1px solid #233754;
	padding: 0;
	}
#topnav ul li
	{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	_position: static;
	}
#topnav ul
	{
	padding: 0;
	margin-left: 7px;
	}
#topnav li ul {
	position: absolute;
	display: none;
	background: #dadada;
	border: 1px solid #233754;
	margin-left: 0;
	top: 22px;
	_top: 105px;
	z-index: 5
	}
#topnav li ul li {
	display: block;
	float: none;
	border-bottom: 1px solid #bebebe;
	padding: 11px;
	font-weight: bold;
	}
#topnav	li:hover ul, #topnav li.sfhover ul, #topnav li.sfhover #iframecover
	{
	display: block;
	}
#topnav #iframecover {
	display: none;
	position: absolute;
	left: 143px;
	top: 106px;
	width: 138px;
	z-index:99;
}
li:hover ul, li.over ul
	{ display: block; }
#unitfeaturesdrop
	{
	width: 230px;
	}
#aircondrop
	{
	width: 141px;
	}
#filterfandrop
	{
	width: 189px;
	}
#accessoriesdrop
	{
	width: 119px;
	}
#sidenav
	{
	width: 139px;
	float: left;
	}
#sidenav li
	{
	list-style: none;
	margin: 0;
	padding: 0;
	}
#sidenav ul
	{
	padding: 0;
	margin: 0;
	}
#interiornav
	{
	background: url(/images/bg_interiornav.jpg) left top repeat-x #cacaca;
	width: 576px;
	padding: 7px 0 6px 15px;
	font-weight: bold;
	color: #585757;
	margin-bottom: 11px;
	}
/* ---------------- Page Structure ---------------- */
/* ------------------------------------------------ */
#maincontent
	{
	width: 611px;
	float: left;
	min-height: 400px;
	}
#promobox
	{
	margin-left: 6px;
	width: 601px;
	font-weight: bold;
	}
#bg_promobox_bottom
	{
	bottom: 0;
	border: none;
	margin-left: -14px;
	margin-top: 9px;
	}
#promo
	{
	border: 1px solid #445e84;
	position: relative;
	margin-bottom: 6px;
	}
#content_home
	{
	width: 563px;
	padding: 24px;
	line-height: 17px;
	}	
#content_category
	{
	width: 577px;
	padding: 12px 17px 17px 17px;
	float: left;
	}	
#content_interior
	{
	width: 593px;
	padding: 9px;
	float: left;
	}
.category
	{
	float: left;
	margin: 0 27px 22px 0;
	}
.category-aircon
	{
	float: left;
	margin: 0 57px 22px 50px;
	}
.category.thirdcolumn
	{
	margin: 0 0 22px 0;
	}
.category img
	{
	border: 9px solid #395680;
	margin-bottom: 4px;
	}
.category-aircon img
	{
	border: 9px solid #395680;
	margin-bottom: 4px;
	}
.pad img
	{
    margin: 10px 5px 0 0;
	}


.noimage
	{
	width: 174px;
	}
.product
	{
	background: #395680;
	padding: 6px 6px 3px 6px;
	text-align: right;
	margin: 0 22px 12px 17px;
	float: left;
	}
.product img
	{
	margin-bottom: 3px;
	}
.xpad {
    margin-top: 20px;
	margin-bottom: 20px;
}


#productoverview
	{
	width: 380px;
	float: left;
	line-height: 17px;
	}
.pdficon
	{
	float: right;
	margin-left: 50px;
	margin-right: 3px;
	}
.datatable
	{
	margin: 5px 0 15px 7px;
	}
.datatable th
	{
	border-bottom: 2px solid #233654;
	}
.datatable td, .datatable th
	{
	padding: 6px 6px 4px 6px ;
	vertical-align: top;
	text-align: center;
	}
.searchtable hr
	{
	margin: 10px 0;
	}
.searchtable
	{
	margin-top: 15px;
	}
.altcell
	{
	background: #F1F1F1;
	}

.altcell-modelnum
	{
	background: #F1F1F1;
	white-space:nowrap;
	}
#containermain input.submit
	{
	background: #395680;
	color: #FFFFFF;
	margin-left: 5px;
	border: 1px solid #333333;
	font-weight: bold;
	padding: 0 2px;
	font-size: 11px;
	}
#inputbox
	{
	color: #233754;
	font-size: 11px;
	}
#content_interior ul, ul.interior
	{
	padding: 0;
	margin: 0 0 12px 17px;
	list-style: none;
	}
ul.interior {
    margin-left: 3px;
}


#content_interior li, ul.interior li
	{
	background: url(/images/square.gif) 0% 5px no-repeat;
	padding-left: 7px;
	margin: 0;
	}
p.downloads
	{
	margin-left: 17px;
	}
/* --------------------- Links -------------------- */
/* ------------------------------------------------ */
a
	{
	color: #0055A5;
	}
a.blue
	{
	color: #0055A5 !important;
	}
a:hover
	{
	color: #b5111b;
	text-decoration: underline;
	}
a.blue:hover
	{
	color: #b5111b !important;
	text-decoration: underline;
	}
#searchmap a
	{
	color: #233754;
	text-decoration: none;
	}
#searchmap a:hover
	{
	color: #b5111b;
	text-decoration: underline;
	}
.searchtable a
	{
	font-weight: bold;
	}
#topnav a
	{
	color: #4c4c4c;
	text-decoration: none;
	}
#topnav a:hover, #interiornav a:hover 
	{
	color: #b5111b;
	}
#footer a
	{
	color: #848484;
	text-decoration: underline;
	}
#interiornav a
	{
	color: #585757;
	text-decoration: none;
	}
.product a
	{
	color: #fff;
	text-decoration: none;
	}
.product a:hover
	{
	color: #fff;
	text-decoration: none;
	}
.category a, .category a:hover
	{
	text-decoration: none;
	}
/* ------------------ LIGHTBOX -------------------- */
/* ------------------------------------------------ */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
.newslettertable td
	{
	padding: 4px;
	}
.newslettertable input, .newslettertable select
	{
	background: #f6f6f6;
	color: #233754;
	border: 1px solid #333333;
	padding: 0 2px;
	font-size: 11px;
	}
 .newslettertable select
 	{
	padding-right: 0;
	width: 124px;
	}
.newslettertable input#zip
 	{
	width: 75px;
	}
.newslettertable input.mainbutton
	{
	background: #233754;
	font-weight: bold;
	color: #fff;
	}
.newslettertable input.warning
	{
	border: 1px solid #B5111B;
	}
	
#downloadstable
	{
	text-align:center;
	width:60%;
	}
		
#downloadstable img
	{
	border:0
	}
	
.downloadsleft
	{
	text-align:left;
	}
	
.acc_img
	{
	float:left;
	padding-right:2px;
	}
	
.back_top
	{
	float:right;
	}
	
.cpp_img
	{
	float:right;
	}
	
.tp_img
	{
	float:left;
	padding-right:5px;
	}
	
#cpbox1
	{
	width:200px;
	height:155px;
	border:1px #233754 solid; 
	float:right; 
	padding:5px; 
	margin:0 0 5px 5px; 
	background:#5299d1; 
	color:#ffffff;
	}
	
#cpbox2
	{
	width:97%; 
	height:120px; 
	border:1px #233754 solid; 
	padding:5px; 
	background:#e9be22;
	}
	
#cpbox3
	{
	width:200px; 
	height:130px; 
	border:1px #233754 solid; 
	float:right; 
	padding:5px; 
	margin:0 0 5px 5px; 
	background:#5999d1;  
	color:#ffffff;
	}
	
#cpbox4
	{
	width:97%;
	height:250px; 
	border:1px #233754 solid; 
	padding:5px; 
	background:#f1c100;
	}
	
#cpbox5
	{
	width:200px; 
	height:400px; 
	border:1px #233754 solid; 
	padding:5px; 
	margin:0 0 5px 5px; 
	float:right; 
	background:#f1c100;
	}
	
#cpbox6
	{
	width:97%; 
	height:135px; 
	border:1px #233754 solid; 
	padding:5px; 
	background:#5999d1;  
	color:#ffffff;
	}
	
.contact-info 
	{
	display: none;
	}

#cool_profits
	{
	padding:5px;
	margin-left:25px;
	width:80px;
	text-align:center;
	color:#fff;
	}
	
#cool_profits a
	{
	text-decoration:none;
	color:#fff;
	}
#flag
	{
	float: right;
	margin: 10px 10px 0 0;
	}
.imgright
	{
	float: right;
	margin: 0 0 10px 10px;
}
.imgrightnopad
	{
	float: right;
	margin: 0 0 0 10px;
}
.ul-logo
{
    float:right;
    margin-right:60px;
}
.callink
	{
	float: right;
	}