/* Reset Style.
* @author Eric Meyer
* @author Russ Tennant (russ@i2rd.com)
* @author Ben Barber (bbarber@i2rd.com)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
body{line-height: 1;color: #000;background: #FFF;}
ol, ul{list-style: none;}
table{border-collapse: separate; border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

td{vertical-align: middle;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
b, strong{font-weight: bold;}
html, body, div.page, div.ieonly {
	margin: 0;
	padding: 0;
	height: 100%;
}

#e_content {
	position: relative;
	min-height: 100.0%;
}
* html #e_content {
	height: 100%;
}

#footer {
	position: relative;
	margin-top: -30.0px;
	height: 30.0px;
}

#header {
	height: 100.0px;
}

#body {
	padding-bottom: 30.0px;
}
 /* 
Basic Styles
Company: Honeywell
Author: Vivian Clark (vclark@i2rd.com)
*/

html {
  font-size: 100%; /* fix IE font-size */
}
body {
  min-width: 922px; /* users can scroll on lower resolutions */
  color: #4c4c4c;
  font-size: .8em;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial;
  font-weight: 300;
  background: #f4f4f4 url(/resources/dyn/files/216247/_fn/content_top.gif) repeat-x left 47px;
}
body#interior_template {
  background-position: left -12px;
}
body.menu_hover div.page {
  background: url(/resources/dyn/files/235597/_fn/mouse_over_menu.gif) repeat-x left 47px; 
}
/* main layout styles ----------*/

#header,
#body,
#footer {
  width: 100%;
  overflow: hidden; /* it's needed to fix footer stickalt */
}
#header_wc_0,
#interior_template #body_wc_0 div.textbean,
#home_template #body_wc_0 div.textbean,
#footer_wc_0 {
  width: 950px;
  margin: 0 auto;
}
/* Vivian: Wrap the #logo and #main_menu in another composite component to
           fix the styles for IE */
#ie6only #header_wc_0 {
  width: 100%;
}
#body {
  padding: 2em 0 0; /* 100px; */ 
}
/* general styles -------------*/
h1 {
  font-size: 5em;
  color: #6f6e6e;
  margin-bottom: .5em;
  text-shadow: 1px 1px 1px #fff;
  text-align: center;
}
h2 {
  font-size: 1.8em;
  color: #6f6e6e;
  margin-bottom: .5em;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1em;
}
p {
  margin-bottom: 1em;
  line-height: 1.6;
}
a {
  color: #ef342d;
}
/* list styles ---------------------*/
.postcontent ul {
  list-style-type: disc;
}
.postcontent ol {
  list-style-type: decimal;
}
.postcontent ul,
.postcontent ol {
  margin: 0 0 1em 2em;
}
.postcontent li {
  margin-bottom: .5em;
}
/* header ----------------------*/
#logo {
  background: url(/resources/dyn/files/216258/_fn/logo_honeywell.gif) no-repeat left 17px;
  float: left;
  position: relative;
}
#logo h1 a,
#logo {
  width: 352px;
  height: 47px;
  padding: 0;
  margin: 0;
}
#logo h1 a {
  display: block;
  text-indent: -4000em;
}

/* footer ----------------------*/
#footer {
  height: 45px;
  margin-top: -45px;
  background: #bcbcbd;
}
#footer_wc_0 {
  padding: 1em 0 0;
}
/** Sometimes footer is visible, sometimes not. */
.internal-embedded #body {
  bottom: 45px;
}
.internal-embedded #footer {
  height: 45px;
}
.microsite-embedded #body {
  bottom: 0;
}
.microsite-embedded #footer {
  height: 0;
}
/* share links -------------*/
.share_this {
  float: left;
  padding: .25em 0 0;
}  
/* social links ------------*/

div.social_links {
  float: left;
}
.social_links a {
  display: block;
  float: left;
  text-indent: -4000em;
}
.social_links a.facebook,
.social_links a.youtube {
  width: 21px;
  height: 20px;
  margin-right: .5em;
}

.social_links a.facebook {
  background: url(/resources/dyn/files/216253/_fn/icon_facebook.gif) no-repeat;
}
.social_links a.youtube {
  background: url(/resources/dyn/files/216257/_fn/icon_youtube.gif) no-repeat;
}
/* copyright -----------------*/
#copyright {
 float: left; 
 padding-left: .5em;
 font-size: .9em;
}
#copyright a {
 color: #4E4D4D;
 text-decoration: none;
}
/* footer_menu ---------*/

#footer_menu {
  float: right;
}
#footer_menu li {
  text-transform: uppercase;
  font-size: .9em;
  display: block;
  float: left;
  padding: .5em .5em .5em 1em;
  background: url(/resources/dyn/files/217609/_fn/footernav_bg.gif) no-repeat left center;
}
#footer_menu li.first {
  background-image: none;
}
#footer_menu li a {
  color: #4e4d4d;
  text-decoration: none;
}


/* custom nav -------------------------*/

div.tab-content-wrapper {
  overflow: hidden;
  float: left;
  clear: both;
  height: 286px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 59px;
  background: url(/resources/dyn/files/224254/_fn/slider_bg2.gif) repeat-x top left;
}
div.tab-content {
  width: 1295px;
  margin: 0 auto;
  display: none;
}
div.tab-content .section {
  position: relative;
  overflow: hidden;
  width: 1174px;
  height: 270px;
  float: left;
}
div.tab-content .section .scrollable {
  width: 20000em;
  position: absolute;
}
div.tab-content .section .microsite {
  float: left;
  overflow: hidden;
  padding: 15px 13px;
  border-right: 1px solid #b3b3b3;
  height: 270px; 
} 
div.tab-content .first {
  border-left: 1px solid #b3b3b3;
}

/* collapsible ----------------------*/

.collapsiblebean {
  float: left;
  position: relative;
}
.collapsible .collapsible-control a {
  display: block;
  background:url(/resources/dyn/files/224247/_fn/slider_collapsible_control.gif) no-repeat top left;
  height: 18px;
  width: 18px;
  position: absolute;
  right: -3px;
  top: 0px;
  cursor: pointer;
}
.collapsible .collapsible-shown {
  overflow: hidden;  
}
.shown .collapsible-control a {
 background-position: -85px top;
}
.shown .collapsible-control a:hover {
 background-position: -55px top; 
}
.hidden .collapsible-control a:hover {
 background-position: -28px top;
}
.collapsible .collapsible-control a span,
.collapsible .collapsible-control span.collapse,
.collapsible.shown .collapsible-control span.expand {
  display: none;
}
.collapsible.shown .collapsible-control span.collapse {
  display: block;
}

/* tab items ----------*/
div.tab-items,
#main_menu {
  float: right;
  margin-top: 21px;
  background: url(/resources/dyn/files/216260/_fn/nav_left.gif) no-repeat top left;
}
div.tab-items {
  display: none;
}
.tab-items ul,
#main_menu ul {
  display: block;
  overflow: hidden;
  background: url(/resources/dyn/files/216261/_fn/nav_right.gif) no-repeat right top;
}
.tab-items li,
#main_menu li {
  float: left;
  padding: 0 1.5em;
  cursor: pointer;
}
.tab-items li span,
#main_menu li a {
  display: block;
  padding: .5em 3px;
  color: #4C4C4C;
  text-decoration: none;
}
.tab-items li.tab-selected span,
#main_menu .mi_active a {
  background: url(/resources/dyn/files/216259/_fn/nav_active.gif) repeat-x left bottom;
}
#main_menu .over a,
#main_menu li a:hover {
  background: url(/resources/dyn/files/235598/_fn/menu_hover.gif) repeat-x left bottom;
}
#blog_template .tab-items li.tab-selected span {
  background-image: none;
}
.tab-items li.last {
  padding-right: 9em; /* space for flight club link */
}

/* flight club link ----------------------*/
#flight_club_link {
  float: right;
  position: relative;
}
#flight_club_link a {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 65px;
  text-align: center;
}
#flight_club_link p {
  margin-bottom: 0;
}
#flight_club_link a {
  text-decoration: none;
  color: #1C1B1B;
  padding: 4px 3px;
  display: block;
}
#blog_template #flight_club_link a {
  background: url("/resources/dyn/files/216259/_fn/nav_active.gif") repeat-x scroll left bottom transparent;
}
/* controls -------------*/
.tab-content span.next,
.tab-content span.prev {
  display: block;
  float: left;
  height: 270px;
  width: 64px;
  text-indent: -4000em;
  overflow: hidden;
  cursor: pointer;
}
.tab-content span.prev {
  background: url(/resources/dyn/files/224248/_fn/slider_left_bg.gif) no-repeat top right;
  border-right: 1px solid #B3B3B3;
}
.tab-content span.next {
  border-left: 1px solid #B3B3B3;
  background: url(/resources/dyn/files/224251/_fn/slider_right.gif) no-repeat top left;
}
.tab-content span.next:hover {
  background-position: top right;
}
.tab-content span.prev:hover {
  background-position: top left;
}
div.hide-control {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("/resources/dyn/files/224249/_fn/slider_lower_bg.gif") repeat-x top left;
  width: 100%;
  height: 30px;
  cursor: pointer;
  border: 1px solid #B3B3B3;
  border-width: 1px 0;
}
div.hide-control:hover {
  background-position: left bottom;
}
.hide-control span {
  display: block;
  width: 35px;
  height: 30px;
  text-indent: -4000em;
  overflow: hidden;
  margin: 0 auto;
  background: url(/resources/dyn/files/224250/_fn/slider_lower_control.gif) no-repeat center top;
}
.hide-control span:hover,
.hide-control:hover span {
  background-position: center -31px;
}
/* slider content ----------------------*/
#home, #flight_club {
  padding-left: 60px;
  padding-right: 60px;
}
.section div.content {
  width: 400px;
  margin: 0 auto;
  padding: 2em 0;
}
#home div.content {
  width: 200px; 
}
.preview,
.product_info,
.downloads,
.news,
#home div.textbean,
#flight_club div.textbean {
  float: left;
  font-size: .8em;
}
.product_info,
.downloads,
.news,
#home div.textbean,
#flight_club div.textbean {
  width: 165px;
  padding-left: 25px;
}
.product_info h2,
.downloads h2,
.news h2,
.news h3 {
  font-size: 1.5em;
}
.preview h2 {
 cursor: pointer;
 float: left;
 padding-bottom: .25em;
 clear: both;
}
.preview img,
.preview p {
 float: none;
 clear: both;
}
.preview h2:hover {
  background: url(/resources/dyn/files/216259/_fn/nav_active.gif) repeat-x left bottom; 
}
.news a,
.preview a {
  color: #4c4c4c;
}
.news a:hover,
.preview a:hover {
  color: #EF342D;
}
.news li a,
.downloads li a {
  text-decoration: none;
  display: block;
  background: #dadadb;
  margin-bottom: 3px;
  color: #4c4c4c;
  padding: .5em;
}

.news ul {
  margin-bottom: 1em;
}
.news ul,
.downloads ul {
  height: 170px;
  overflow: auto; 
}
.news .paging_control {
 display: none;
}

#header .hover_trigger {
  width: 100%;
  height: 46px;
  position: absolute;
  left: 0px;
  cursor: pointer; cursor: hand;
}
/* download icons */
.downloads a.pdf,
.downloads a.video,
.downloads a.easy,
.downloads a.youtube,
.downloads a.www {
  padding: .5em 20px .5em .5em; 
}
.downloads a.pdf {
  background: #dadadb url(/resources/dyn/files/224427/_fn/icon_pdf.gif) no-repeat right center;
}
.downloads a.video {
  background: #dadadb url(/resources/dyn/files/224428/_fn/icon_video.gif) no-repeat right center;
}
.downloads a.easy {
  background: #dadadb url(/resources/dyn/files/224426/_fn/icon_easy.gif) no-repeat right center;
}
.downloads a.youtube {
  background: #dadadb url(/resources/dyn/files/224429/_fn/icon_youtube.gif) no-repeat right center;
}
.downloads a.www {
  background: #dadadb url(/resources/dyn/files/224813/_fn/internet.png) no-repeat right center;
}
/**
 * CSS to allow the body content to fill the remaining space
 * between the header and footer
 * ** Warning **
 * This is filled with IE hacks. I'm sorry :(
 */

html {
 overflow: hidden; /* hide scrollbar on IE */
 padding: 0;
 margin: 0;
}
#e_content {
  height: 100%;
}
#header {
  z-index: 1;
  height: 51px;
  overflow: visible; /* this fixes a weird 'jumping' bug in firefox */ 
}
#body,
#body_wc_0 {
  left: 0;
  position: absolute;
  top: 59px;
  right: 0;
  width: 100%;
  bottom: 45px; 
  overflow: auto; /* required, but causes double-scrollbar on strict doctype, but not transitional */
  height: auto;
}
#body_wc_0 {
  top: 0;
  bottom: 0;
  background: url("/resources/dyn/files/216247/_fn/content_top.gif") repeat-x scroll  left -11px #FBFBFA;
}
#blog_template #blog_image, 
#home_template #body_wc_0 div.textbean {
  padding-top: 40px;
}
/** Works for IE7 and IE8 */ 
#body,
#body_wc_0 {
  height: expression((document.clientHeight - header.clientHeight - footer.clientHeight) + "px");
}
/** Works for IE6*/ 
#ie6only #body,
#ie6only #body_wc_0 {
  height: expression((document.body.clientHeight - document.getElementById('body').offsetTop - footer.clientHeight -20) + "px");
}
/** Need for IE7 */
#ie7only #body_wc_0 {
  height: 100%;
}
div.ieonly,
#embedded,
#embedded div,
#embedded iframe {
  height: 100%;
  width: 100%;
  border: none;
}

/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh_persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh_persistent,
ul.menubeanh_persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh_persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh_persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh_persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh_persistent ul,
ul.menubeanh_persistent ul ul,
ul.menubeanh_persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh_persistent li.over ul ul,
ul.menubeanh_persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh_persistent li.over ul,
ul.menubeanh_persistent ul li.over ul,
ul.menubeanh_persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv_persistent,
ul.menubeanv ul,
ul.menubeanv_persistent, ul { 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv_persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv_persistent li.mi_parent {
  cursor: pointer;
}
ul.menubeanv_persistent li ul {
  display: none;
}
ul.menubeanv_persistent li.over ul {
  display: block;
}