@import url(/elements/css/base.css);

/* SITE SPECIFIC BASE ------------------------------------------------------  
--------------------------------------------------------------------------*/

/* SET BODY ATTRIBUTES */
body {
font: 12px/1.5em Arial, Helvetica, sans-serif;
color: #000;
background-color:#fff;
}

/* KILL BORDER ON IMG LINKS */
a img, :link img, :visited img {border: none;}

/* HARMONIZE LIST-BULLET TYPE */
ul, ol, dl {list-style-type: none;} 

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse;}


/* SITE CONTENT -------------------------------------------------------------
---------------------------------------------------------------------------*/
#siteWrapper {width:900px; margin:0 auto;}

/* HEADER */
#mastHeader {background: #fff url(/elements/images/Humidex_Dealer_masthead_bg.gif) repeat-x top left;}
#mastSubheader {background: #fff url(/elements/images/Humidex_Dealer_baseBG.jpg) no-repeat top left; height:70px; text-align:right; font-weight:bold; font-size:12px; font-style:oblique;}

/* MENU */
#menuContainer {width:180px; float:left; display:inline; margin:0 10px 0 0;}

#menuMain {}
#menuMain ul {}
#menuMain ul li {background:url(/elements/images/menu/menuMain_btnBG.gif) no-repeat top left;}
#menuMain ul li a {padding:6px 10px 4px 10px; color:#fff; display:block; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:12px; width:160px;}
#menuMain ul li a:hover {color:#ffcc00;}
#menuMain ul li a.onState {color:#ffcc00;}

#menuMain ul li ul li {background-image:none;}
#menuMain ul li ul li a {padding:3px 10px 3px 15px; color:#1e1ea6; display:block; background-color:#fff;  border-bottom:1px dotted #939393;  text-transform:none; text-decoration:none; font-weight:normal; font-size:11px;  width:145px; background-image:none; margin:0 5px 0 5px;}
#menuMain ul li ul li a:hover {background-color:#ccffcc; color:#1e1ea6;}
#menuMain ul li ul li a.onState {background-color:#ccffcc; color:#1e1ea6;}


/* CONTENT */
#contentContainer {width:510px; float:left; display:inline;} 
	#contentContainer h1 {font-size: 2.5em; color:#1e1ea6; font-style:oblique; padding-bottom:1px; border-bottom:5px solid #1e1ea6; margin-bottom:20px; margin-top:0px; line-height:1em;}
	#contentContainer h2 {font-size: 1.5em; color:#1e1ea6; font-style:oblique; margin-bottom:10px;}
	#contentContainer h3 {font-size: 1.2em; color:#000; font-style:normal; margin-bottom:10px;}
	#contentContainer p {margin-bottom:10px;}
	#contentContainer ul {margin:0 10px 10px 30px; list-style-type:disc;}
	#contentContainer ol {margin:0 10px 10px 30px; list-style-type:decimal;}
	#contentContainer ul li, #contentContainer ol li {margin-bottom:5px;}
	#contentContainer ul ul {list-style-type:circle;}
	#contentContainer ol ol {list-style-type:decimal-leading-zero;}
		#contentContainer .content_divider {border-bottom:1px solid #ccc; margin-bottom:10px;}
		
		.blockquote {border:1px dashed #ccc; background-color:#e6e6e6; font-size:14px; color:#333; padding:10px; margin-bottom:10px;}
		.relatedFiles {border:1px dashed #ccc; background-color:#FFFFCC; font-size:16px; color:#333; padding:10px; margin-bottom:10px;}
		

/* SIDEBAR */
#sideBarContainer {width: 185px; float:right; display:inline;}
		#featureModule {margin-bottom:10px;}
	#featureModule .featureModule_content {background:#fff url(/elements/images/Humidex_Dealer_sideBOX_bg.gif) repeat-y top left; padding:15px;}
	#featureModule .featureModule_content p {margin-bottom:10px; text-align:center;}

#testimonialButton p {margin-bottom:10px; text-align:center;}

/* FOOTER */
#footerContainer {background: #fff url(/elements/images/Humidex_Dealer_footerBG.gif) repeat-x top left;}
	#footerContainer #footerLeft {float:left; display:inline; padding-top:80px;}
		#footerContainer #footerLeft .logo {margin-right:5px;}
		#footerContainer #footerLeft ul {}
		#footerContainer #footerLeft ul li {display:inline; margin-right:5px;}
		#footerContainer #footerLeft ul li a {color:#000; font-size:12px; font-style:oblique; font-weight:bold; text-decoration:none;}
		#footerContainer #footerLeft ul li a:hover {color:#2d2dff;}
	#footerContainer #footerRight {float:right; display:inline;}



/* FORMS */
fieldset {border:1px solid #ccc; margin:0 0 10px 0; padding:0px;}
legend {}
#form_wrap {margin:10px; border:1px solid #ccc; width:488px;}
#form_wrap td {padding:5px;}
#form_wrap th {text-align:right; padding:5px; background-color:#ccffff;}
#form_wrap .form_inputs {text-align:right; vertical-align:top; background-color:#efefef; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px dotted #ccc;}

#form_wrap .form_collects {vertical-align:top; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px dotted #ccc;}
#form_wrap .form_collects input {border:1px solid #999999; padding:2px; margin:0px;}
#form_wrap .form_collects textarea {border:1px solid #999999; width:300px; height:100px;}
#form_wrap .textbox input {margin:2px; border:none;}


/* FLOAT CLEARING FIX ----------------------------------------------------*/
/* Apply [class]:after to float containers */
.clearfix:after {color:#FFFFFF;content:"";display:block;height:0;clear:both;}
/* APPLIED FOR FIXING IE/MAC RENDER */	
.clearfix{display: inline-table; zoom:1;} 
/* Hides from IE Mac and Applied to IE/WIN Only \*/ 
* html .clearfix {height: 1%;}
.clearfix {display:block;} 
/* FLOAT CLEARING FIX ----------------------------------------------------*/