/*dated: Sept 24, 2010:  Optimized for IE8 and above 
  last updated Sept:29, 2010  */

body#hw {
  margin: 0;
  padding: 0;
  border: none;
}

:focus {
  outline: none;
}

#hw_body_wrap {
  color: #333;
  width: 100%;
  height: 445px;
  margin: 0 auto;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
}

/*hw_wrap is the main body of the page */
#hw_full{   
           width:100%;
		   height: 86px;  /*aj changed from 65px */
           position: relative;
           background: url(../images/background.gif) repeat-x;

}

#hw_wrap {
  width: 920px;  /*aj changed from 950px*/
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 0;
}



#hw_wrap a {
  /*color: #36c;*/
  color:#c92621; /*aj new*/
  text-decoration: none;
}

#hw_wrap a:hover {
  color: #de0031;
}

#hw_wrap h1, #hw_wrap h2, #hw_wrap h3, #hw_wrap h4, #hw_wrap h5 {
  margin: 0;
  padding: 0;
  line-height: normal;
}

#hw_wrap h2 {
  /*font-size: 1.4em;*/
}

#hw_wrap h3 {
  font-size: 1.1em;
}

#hw_wrap h4 {
  font-size: 1.0em;
}

#hw_wrap h5 {
  color: #de0031;
  font-size: 1.0em;
}

#hw_wrap h3 {
  color: #666;
  margin: 5px 0;
  font-style: italic;
}

#hw_wrap p {
  margin: 0;
  padding: 0 0 15px;
}

#hw_wrap p.special_offer {
  background: #fff url(../images/thumb_onewireless_gauge_reader_small.gif) 10px center no-repeat;
  border: dashed #ccc;
  border-width: 1px 0;
  color: #555;
  padding: 8px 5px 8px 60px;
  margin: 0 0 15px;
}

#hw_wrap p.special_offer em {
  color: #de0031;
  font-weight: bold;
}

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

#hw_header {
  position: relative;
  background: url(../images/background.gif) repeat-x;
}

h1#hw_title a {
  top: 18px;
  left: 15px;
  height: 40px;  /*effects on top barands site only*/
  width: 400px; /*old 300px; */
  overflow: hidden;
  position: absolute;
  text-indent: -999em;
  /*aj old background: url(../images/hw_title.gif) left top no-repeat; needed */
  background: url(../images/TOP_Logo.png) left top no-repeat;
}

#hw_header ul#mainnav {
  top: 29px;
  right: 15px;
  position: absolute;
  text-align: right;
  
}

#hw_header ul#mainnav li {
  float: left;
  width: inherit;
  font: bold 12px/normal arial;
}

#hw_header ul#mainnav li a {
  height: 54px;
  display: block;
  color:#4a5558;  /*aj old color: #6181a3;*/
  font-weight:bold; /*aj*/
  padding-left:5px;
  padding-right:15px;
  line-height: 70px;
  /*background: url(../images/HeadBack.gif) repeat; background for menu - hover effect- needed*/
 /*  background: url(../images/bg_mainnav_a1.jpg);  */
}

#hw_header ul#mainnav li a:hover {
  /*color: #de0031;*/
  color:#d12620; 
  background: url(../images/HeadBack.gif) repeat;/* needed : img edited by aj*/
}

#hw_header ul#mainnav li a:active {
  /*color: #de0031;*/
  color:#d12620;
  background-position: 0 0;
  background: url(../images/HeadBack.gif) repeat; /*aj */
}

#hw_header ul#mainnav li a.current {
  /*color: #de0031;*/
  color:#d12620;
  background: url(../images/HeadBack.gif) repeat; /*aj */
}

/*add for top links in new design*/
#hw_header #top_links {
  /*top: 29px; */
 /* right: 15px;
  position: absolute; */
  float:right;
 /* text-align: right;*/ }
  
#hw_header ul#top_links li {
  float: left;
  /*width: inherit;*/
  /*font: bold 12px/normal arial; aj*/
  font: normal 12px/normal arial;
}

#hw_header ul#top_links li a {
 /*aj height: 54px;
  display: block; */
  color:#4a5558;  
  /*font-weight:bold; */
  /*padding: 0 5px;*/
  padding-right: 20px;
  padding-left:3px;
  line-height: 40px;
  /*background: url(../images/MailIcon.png) left top no-repeat;*/
}

#hw_header ul#top_links li a:hover {
   color:#d12620;
}

#hw_header ul#top_links li a:active {
  color:#d12620;
 /*background-position: 0 0;*/
}

#hw_header ul#mainnav li a.current {
  color:#d12620; }
  

  
/*end of top links aj*/


#hw_leadbox {
  float: left; 
  width: 905px;   /*ch 355px; */
  height: 124px;  /*ch from 185 */
  text-align: right;
  background: #050c12 url(../images/InfoBarBack.jpg) no-repeat;
  margin-top: 10px;
  /*border: solid #eee;
  border-width: 2px 0; */
}

/*test inside the image styles */

#hw_leadbox .imgtextleft {
  color:#FFFFFF;
  float:left;
  width:470px;
  text-align:left;
  padding-left:10px;
  
}

#hw_leadbox .imgtextleft h1 {
  font: bold 26px/1em arial;
  padding-bottom:0px;
  margin-bottom:0px;
  padding-top:0px;
  margin-top:0px;
  padding-top:9px;
  
}

#hw_leadbox .imgtextright {
  color:#FFFFFF;
  font-size:12px;
  text-align:left;
  width:370px;
  float:left;
}
#hw_wrap #hw_leadbox .imgtextleft p {
   font-size:16px;
}
#hw_wrap #hw_leadbox .imgtextright p {
   font-size:11px;
}


#hw_main {
  padding-top:12px;
  padding-bottom:20px;
  width:100%;
  float:left;
  /*font: normal .8em/1.5 arial; */
  background-image:url(../images/BodyContBack.png);
  background-repeat:repeat-y;
 
}

#hw_footer {
  width: 920px;  /*aj changed from 950px*/
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 0;
  
  color: #666;
  background-color:#730501;
  /*height: 150px; aj */
  font-size: .85em;
  padding: 25px 0 0;
 /* background: url(../images/bg_hw_footer.jpg) bottom no-repeat; aj*/
 /* background: url(../images/FooterBack.gif) bottom repeat-x; */
}

#hw_footer #footer_logos {
  height: 15px;
  width: 225px;
  margin: 0 auto;
  position: relative;
}

#hw_footer #footer_logos a {
  top: 0;
  position: absolute;
 
}

#hw_footer p a {  color:#fd3a34;} /*aj- added red*/

#hw_footer a#honeywell_logo {
  left: 0;
}

#hw_footer a#putman_logo {
  right: 0;
}

#hw_footer p {
  clear: both;
  font-size: 10px;
  padding-top: 5px;
  text-align: center;
  color:#FFFFFF; /*new aj*/
}

.clear {
  clear: both;
}

#hw_wrap div.box {
  padding: 10px;
  border: 1px solid #e5e5e5;
}



/* Adjustments for wrapped versions */

#main_cols {
  width: 950px;
  margin: 0 auto;
  font-size: 1.25em;
}

#main-content {
  font-size: 1.45em;
}

#page #hw_wrap {
  border-top: 1px solid #eee;
}

#sitelogo p, ul#utilnav, #digedit_popup {
  display: none;
}


#hw_wrap .verticals {
  height: auto;
  position: relative;
  background: url(../images/verticals_bar.gif) repeat-y;
}

#hw_wrap .verticals div {
  padding-left: 30px;
}

#hw_wrap a.vertical {
  color: #666;
  height: 22px;
  display: block;
  padding-left: 20px;
  text-transform: uppercase;
  border-top: 4px solid #fff;
  border-bottom: 1px solid #ddd;
  font: normal 10px/22px tahoma;
  background: #e5e5e5 url(../images/arrows.gif) 3px bottom no-repeat;
}

#hw_wrap a.vertical.selected {
  color: #999;
  border: none;
  margin-bottom: 10px;
  background: #fff url(../images/arrows.gif) 3px top no-repeat;
}


/* Contact Banner */

#contact_wrap {
  left: 0;
  bottom: 0;
  height: 100px;
  /*position: fixed; */
  width: 100%;
  z-index: 99999;
}

#contact_msg {
  background: url(../images/contact_banner_shadow.png) repeat-x;
  left: 0;
  bottom: 0;
  display: none;
  padding-top: 10px;
  position: fixed;
  width: 100%;
}

#contact_msg div.bg {
  background: #036 url(../images/contact_banner_gradient.png) center top repeat-y;
  /*background: #ccc url(../images/contact_banner_gradient_light.png) center top repeat-y;*/
  font: normal 14px/normal Arial;
  padding: 12px 0;
  text-align: center;
}

#contact_msg h4 {
  color: #fff;
  /*color: #036;*/
  margin: 0;
  padding: 5px 0;
}

#contact_msg a {
  color: #fff;
  /*color: #666;*/
  text-decoration: none;
}

#contact_msg a.close {
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 15px;
}

#contact_msg a.contact_now {
  color: #ccc;
}

#contact_msg a.contact_now span {
  color: #ff9;
  /*color: #de0031;*/
  font-weight: bold;
}

/*AJ sept 14th , 2010 */
#bodyback_full {
                  width:100%;
				 /* height:100%;*/
		         /* height: 95px;  aj changed from 65px */
                  float:left;
				  background-color:#e1e1e1;
				  /*padding-bottom: 10px; */
                  /*background: url(../images/BodyContBack.png) repeat-y;*/

}

#bodyback_wrap {
                /* background:  url(../images/BodyBack.gif) repeat-x;*/
				width: 950px;  /*aj changed from 950px*/
                margin: 0 auto;
               /* background: url(../images/BodyContBack.png) repeat-y;
				height:670px;
				height:100%;*/
}
              
               /* z-index: 0;*/


#footer_full {
                width:100%;
		         /* height: 95px;  aj changed from 65px */
                /*float:left;*/
				padding-bottom:5px;
				background-color:#730501;
                  /*background: url(../images/BodyContBack.png) repeat-y;*/
}

#adtech{
          float:left;
		  width: 336px;
		 /* height:300px;*/
}

#most_popular{
                float:left;
				/*width: 545px; */
				/*height:180px; */
				border-bottom-color:#6f7779;
				border-left:thick;
				border-bottom-style:solid;
				border: thin #666666;
				/*height:300px;*/}
#mp_top_row {padding-bottom:25px;}
				
#most_popular h3 { margin-top:2px;
                   margin-bottom:2px;
				   padding-top:2px;
				   padding-bottom:2px;
				   color:#4a5558;
				   padding-left:10px; }

#outerwrap {width:100%;
             height:200px;
			 padding-top:2px;
			 margin-top:0px;}
			 
#outerwrap2 {width:100%;
             float:left;
			 height:50px;}
			 
#outerwrap2 a { color:#d12620;
                text-decoration:none;
				font-weight:bold;
				font-size:14px;
                }

#outerwrap p { 
				font-size:14px;
				margin-top:7px;
				height:109px; /*aj gives unifor dotted lines needed*/
				padding-top:0px;
				margin-bottom:0px;
                }
/*#outerwrap h2{ 
               padding-bottom:3px;
			   font-style:normal;
			   font-weight:100; 
			  }*/

.width_all { width:30%;
             float:left;
			 padding-top:3px;
			 
			 
			}
.width_all_more { width:30%;
                  float:left;
				  text-align:right;
				  
			}
			

.width_sp {  padding-right:12px;
             padding-left:20px;
             border-right:thin;
			 border-right-color:#666666; 
			 border-right-style:dotted; }
			 
.width_sp_last { /* padding-right:10px;*/
                  padding-left:20px;
                /*  border-right:thin;
			      border-right-color:#666666; 
			      border-right-style:dotted; */}
				  
.width_sp_first { /* padding-right:10px;*/
                /*  padding-right:10px;*/
				  padding-right:12px;
           /*  padding-left:12px;*/
             border-right:thin;
			 border-right-color:#666666; 
			 border-right-style:dotted;
                /*  border-right:thin;
			      border-right-color:#666666; 
			      border-right-style:dotted; */}

/*.arrow_img {  background:url(../images/Arrow_Grey.png) no-repeat;
              height:10px; 
			  margin-right:30px;
			  position:absolute;
			  top:1px;
			   }*/
			   
.extern {
	background: url(../images/Arrow_Grey.png) no-repeat 0% 50%;  /*puts GREY arrow image before readmore link */
	padding: 0 16px 0 0;
	}

/*puts RED arrow image before View more link in most popular box*/	
.extern2 {
	background: url(../images/Arrow_Red.png) no-repeat 0% 80%;  
	padding: 0 16px 0 0;
	}
	
/*puts WPicon image before article links in most popular box*/	
.extern3 {
	background: url(../images/WPicon.png) no-repeat 0% 80%;  
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:20px; }
	
	
	


.mp_line { height:auto;
            padding-top:10px;
			 border-bottom-style:dotted;
			 border-bottom-color:#666666;
			 border-bottom-width:thin;}
			 
#mp_topic1, #mp_topic2, #mp_topic3, #mp_topic4 { height:auto;
                                                 padding-top:5px;}

.mpcontent {float:left;}	
	
#most_popular .mparrow a { color:#4A5558;
                  font-size:12px;
				  font-weight:bold; text-decoration:none;
				  }
				  
#most_popular .mpcontent a { color:#d12620;
                             font-size:12px;
				             font-weight:bold; text-decoration:none;
				  }
				  
	
.mparrow {float:right;
          padding-right:10px;
		 
		   }
.ajleft { float:left;}
.ajright { float:right;}

.RC { background: url(../images/RC_image.jpg) no-repeat;
      height:55px;
	  padding-top:5px;
	  }
.IE { background: url(../images/IE_image.jpg) no-repeat;
      height:55px;padding-top:5px;
	  }
.NT { background: url(../images/NT_image.jpg) no-repeat;
      height:55px;padding-top:5px;
	  }
	  
#content1{
            width:100%;
			height:290px;
			clear:both;
}

/*box for most popular*/

#content1 div.box {
  padding: 5px; 
  /*border: 1px solid #e5e5e5;*/
  border-color:#6f7779;
  border-style:solid;
  border-width:thin;
  margin-left:5px; /*add padding...needed*/
  width:550px;
  
}


#box3col { width:100%;
          /* height:320px;  */}
#box3col h2, #box3col h3 { color:#4a5558; font-weight:bolder;
              padding-bottom:3px;
			  margin-bottom:3px;}
			  
#box3col #outerwrap h2, #box3col #outerwrap h3{ 
               padding-bottom:3px;
			   font-style:normal;
			   font-weight:100;
			   color:#d12620; 
			   padding-top:1px;
			   margin-top:0px;}
			   
/*CSS for page 2: Reduce Cost */
#hw_main .left2third {
  width: 584px;
  float: left;
  
}

#hw_main .right1third {
  width: 336px;
  float: left;
  margin-bottom:15px;
}

#hw_main .rmc {
  background: url(../images/bg_reduce_maintenance_costs.jpg) no-repeat;
}

#hw_main .dco {
  background: url(../images/bg_drive_costs_out_of_operations.jpg) no-repeat;
}

/*#hw_main .rrif { top image in the reduce cost page
  background: url(../images/reduce_cost_a.jpg) no-repeat;
}*/

#hw_main .ier {
  background: url(../images/bg_increase_efficiency_and_roi.jpg) no-repeat;
}

/*#hw_main #inside_intro .bar {
  zoom: 1;
  opacity: .8;
  background: #fff;
  position: relative;
  filter: alpha(opacity = 80);
}*/

#hw_main #inside_intro .bar h2 {
  /*color: #000; aj */
  color:#d12620;
  padding: 2px 0px;
  font-size: 1.4em;
  margin-top:1px;
  margin-bottom:1px;
}

#hw_main #inside_intro p {
  color: #666;
  /*padding-bottom:110px; */ /*puts enough space at the bottom*/
  padding-right:10px;
  margin-top:1px;
  padding-top:1px;
  /*padding-top: 100px;*/
  /*font: normal 1.25em/1.6 arial*/
}

#hw_main #inside_intro h1 {
  color: #d12620;
  padding-top: 110px;
  padding-bottom:0px;
  margin-bottom:0px;
  /*font: normal 1.25em/1.6 arial*/
}


#hw_main #content_foci {
  clear: both;
  padding: 0 3px;
  position: relative;
  margin-top: 15px;
  /*background: url(../images/bg_content_foci.gif) no-repeat;*/
  background: url(../images/bg_content_foci_fullwidth.gif) no-repeat;  
}


/* start the Aslett Method for fixing the footer */
.clearfix:after {	content: ".";	display: block;	height: 0;
	clear: both;	visibility: hidden;}
.clearfix {display: inline-table;}
.html .clearfix { height: 1%;}
.clearfix {display: block;}
/* end the Aslett Method for fixing the footer */


/* Vertial Tabs :begin */

h2.featurehead {
  margin: 0;
  color: #369;
  font-size: 15px;
  padding: 4px 8px;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  /*border: 1px solid #cecece; */
  border-bottom: none;
  background: #DCE8F5 url(/Media/knowledge_centers/honeywell/hw_h2_bg.gif) repeat-x;
}


h2.featurehead a {
  color: #369;
  text-decoration: none;
}

.featurebox {
  border-bottom: none;
}


/*from all.css */
.featurebox {
  width:920px;
  height: 1%;
  /*padding: 10px; aj*/
  position: relative;
  /*border-top: 1px solid #cecece;*/
 /* border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;*/
  
  /*aj border: 1px solid #cecece; */
 /* background-color:#FFFFFF;*/
 /* background: url(../images/BodyContBack.png) repeat-y; */
}


/* Vertical Archive Tabs */

#archived_content {
  /*background: url(../images/ul_tabnav_bg.gif) repeat-y; */
 /* background: url(../images/BodyContBack.png) repeat-y; */
}


#tab_archive {
  position: relative;
}

ul.tabnav {
  margin: 0;
  margin-right:1px;
  padding: 0;
  float: left;
  width: 225px;
  list-style: none;
  line-height: 20px;
  position: relative;
  font: bold 11px tahoma;
}

ul.tabnav li {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
 /* border-bottom-style:solid;
  border-bottom-width:thin;
  border-bottom-color:#999999;
  border-top-style:solid;
  border-top-width:thin;
  border-top-color:#999999; */
}

ul.tabnav li:first-child {
  margin: 0;
  padding-top: 0px; 
  padding-bottom: 5px;
 /* border-bottom-style:solid;
  border-bottom-width:thin;
  border-bottom-color:#999999;
  border-top-style:solid;
  border-top-width:thin;
  border-top-color:#999999; */
}

ul.tabnav li a {
  margin: 0;
 /* color: #999; */
  color:#666;
  width: 218px;
  display: inline-block;
  text-decoration: none;
  /*padding: 8px 0 8px 8px; aj*/
 /* border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #f1f1f1;  aj*/
  
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  
  padding-top:15px;
  padding-bottom:15px;
  padding-left:8px;
}

#topic01border { border-top:none;}

ul.tabnav li:first-child a {
  margin: 0;
 /* color: #999; */
  color:#666;
  width: 218px;
  display: inline-block;
  text-decoration: none;
  /*padding: 8px 0 8px 8px; aj*/
 
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  
  padding-top:15px;
  padding-bottom:15px;
  padding-left:8px;
}

 ul.tabnav li a:hover {
  color: #666;
  background: #f5f5f5;
  
  /*border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;*/
}



 ul.tabnav li.ui-tabs-selected a,
 ul.tabnav li.ui-tabs-selected a:hover {
  /*color: #f00;  aj*/
  color:#d12620;
  width: 218px;
  background: #fff;
  position: relative;
/*aj  border: solid #ccc; */  border: solid #999;
  border-width: 1px 0 1px 1px;
  padding-top:15px;
  padding-bottom:15px;
  font-size:12px;
}

 

.tabcontent {
  
   width: 662px;
  float: right;
  /*position: relative;*/
  padding-left: 15px;
   padding-right: 15px;
   border-left:1px solid #999;
  /* background: url(../images/BodyContBack.png) repeat-y; */
 /*  background: url(../images/background.gif) repeat-x;*/
  /* background:  url(../images/BodyBack.gif) repeat-x;*/
 
   background: url(../images/content_back.gif) repeat-x scroll 0 bottom; /*needed for foo*/
    background-color:#FFFFFF;   
}

.tabcontent p {font-size:14px;}
.tabcontent li {font-size:14px;}
.tabcontent a {font-size:14px;
               color:#d12620;}
/* headers on the vertical tab content*/
.tabcontent h3 { color:#d12620;
                 font-weight:bold;
				 padding-top:3px;
				 margin-top:3px;
				 padding-bottom:3px;
				 margin-bottom:3px;}
				 
.h3grey { color:#999999;
          font-size:18px;
		  font-weight:normal;
}
				 
.tabcontent h2 {
  margin: 0;
  padding: 0;
}

.tabcontent.tabs-hide {
  display: none;
}

.ui-tabs-hide {display:none;}  

#topic01, #topic02, #topic03, #topic04 {   
                        /*width:664px;*/
						text-align:left;
                        border-top: 1px solid #999; 
                        border-bottom: 1px solid #999;
                        border-right: 1px solid #999;}
						
#top_links img {border:none; padding-right:5px;}

.width_all_more img {border:none; padding-right:5px;}

#mp_topic1 img {border:none; /*padding-right:5px;*/
                /*background: transparent url(/images/WPicon.png) scroll no-repeat left center;

                  padding: 2px 0px 2px 20px;*/}
				  
.width_all h3 a { text-decoration:none;
                  color:#D12620;} /* this removes the underline in IE browsers */
#main-content .featurebox {border:none;} /*removes the borders in microsite*/
.box_roundbottom {display:none;} /*removes the rounded bottom in microsite*/

.ajleft { float:left;line-height:2}
.ajleft_lnht1 { float:left;line-height:1}
.ajleft img { float:left;margin-right:10px}

/*microsite borders white space at the left, right, and bottom fix Oct 1st 2010 AJ*/
.padding20 { padding:0px;}
#footer {background-color:#e1e1e1;
         margin-top:0px;}
/*end  of microsite borders fix */