/*
 Screen style    
 Site: 1234Facts
*/
body { font-size: 75%; padding: 0; }

a:hover {color: red;}

.spacer {border-bottom:1px solid #999999; width:170px;}

#wrapper { margin: 0 auto; width: 900px; }

/* Header */
#header { height: 36px; position: relative; }
#header .honeywell { left: 11px; position: absolute; top: 8px;  }
#header .honeywell img { display: block; margin-bottom: 5px; }
#header .global-nav { bottom: 5px; font-family: arial; font-size: 11.15pt; font-weight: bold; position: absolute; right: 10px; }
#header .global-nav li {  float: left; margin-left: 5px; padding-left: 5px; }
#header .global-nav a { color: #737373; }

/* Navigation */
#nav { background: url(../images/bg/nav.gif) top right no-repeat; height: 20px; }
#nav li { float: left; }
#nav a { background: #468FC8; color: #fff; display: block; height: 20px; line-height: 20px; margin: 0; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; font-face: arial; font-size: 10pt; }
#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover { background-color: #fff; color: #4E655D; }
#nav a:hover span, #nav a.current span { background-position: bottom left; }
#nav a#nav01 { width: 54px; }
#nav a#nav02 { width: 110px; }
#nav a#nav03 { width: 85px; }
#nav a#nav04 { width: 120px; }
#nav a#nav05 { width: 57px; }
#nav a#nav06 { width: 85px; }
#nav a#nav01 span { background-image: url(../images/nav/home.gif); }
#nav a#nav02 span { background-image: url(../images/nav/better_choice.gif); }
#nav a#nav03 span { background-image: url(../images/nav/history.gif); }
#nav a#nav04 span { background-image: url(../images/nav/library.gif); }
#nav a#nav05 span { background-image: url(../images/nav/press.gif); }
#nav a#nav06 span { background-image: url(../images/nav/contact.gif); }

#nav-line { width: 900px; height: 13px; display: block; margin: 0; overflow: hidden; position: relative; padding: 0; background: url(../images/nav/topper_blue_line.gif) top right no-repeat; }

/* Top */

#top h1 { color: #fff; height: 62px; left: 12px; position: absolute; top: 27px; width: 550px; }
#top h1 span { background-image: url(../images/text/mobileair.png); }


/* Inner wrapper */
#inner { height: 100%;}

/* Sidebars */
#sidebar { float: left; width: 115px; margin: 1px 0 0 36px;  }
#sidebar h2 { margin: 0 0 14px 0; }

#right-sidebar { float: right; width: 243px; margin: 1px 87px 0 0; }
#right-sidebar table { border-top: 1px solid #D0D7C7; }
#right-sidebar th { border-bottom: 1px solid #D0D7C7; padding: 3px 9px 3px 1px;} 
#right-sidebar td { border-bottom: 1px solid #D0D7C7; padding: 3px 0; }
#right-sidebar .noborder { border-style: none; }

/* Content */
#middle { float: left; margin: 1px 0 60px 36px; height: 100%; overflow: hidden; width: 322px; }
#middle2 { float: left; margin: 1px 0 60px 36px; height: 100%; overflow: hidden; width: 522px; }
#middle .arrow-up { clear: both; }
#middle .arrow-down { margin-top: 10px; }
sup { font-size: 0.65em; position: relative; top: -0.45em; }
#content-scroll { clear: both; overflow: auto; height: 310px; width: 312px; padding-left: 10px; padding-right: 10px; background-image: url(../images/white_spacer.gif); }

/* End of Content */

/* Home */
.home #middle_front { float: left; padding: 130px 0 0px 5px;  margin: 10px 0 0 0px; width: 472px; overflow: hidden; color:#FFFFFF; }
.home #middle_front2 {width: 412px; line-height:1.7; }
.home #middle_front .intro { font-size: 1.43em; line-height: 1.25; *font-weight:bold; }
.home #sidebar {margin-top:230px; *margin-top: 227px ;margin-left:50px; *margin-left:90px;padding-left:30px; text-align:center;}
.home #sidebar a {color:#FFFFFF;}
.home #inner {margin-left:30px; *margin-bottom:50px;}

.home #right {float:left; width: 205px; margin-top:25px; margin-left:5px; *margin-left:-35px; padding-left:11px; *padding-left:7px; line-height:1.1; font-size: .96em; *height:110px; height:180px;color:#FFFFFF;}
.home #right .whatisnew {color:#FFFFFF; font-size:1.2em; text-transform:Uppercase; font-weight:bold; margin: 0 0 5px 5px; display: block;}
.home #right a {color:#FFFFFF; font-weight:bold;}
.home #right a:hover {color:#779ccb;}

#background {background-image: url(../images/bg/front_page.jpg); background-repeat:no-repeat; width:100%; height: 363px; padding-left:0px;}
.latest_news_left {float:left; margin-left:3px; width:60px;}
.latest_news_right {float:left; width:125px; *width:130px; padding-bottom:20px; padding-right:0px; font-weight:none;}
.latest_event {float: left; margin-left:5px; width:180px; *width:185px; padding-bottom:9px; padding-right:0px; font-weight:none;}
.latest_event h3 {font-size:.95em;}
.icon {border: 1px solid #000000;}
/*.home #inner { background-color: #000000; background-image: url(../images/bg/front_page.jpg); width:900px;} */
.home #footer { clear: both; color: #808285; font-size: 0.75em; margin-top: -20px; *margin-top:-20px;padding: 5px 10px 5px 12px; height: 20px; background-color: #868585; }
.home #top { background-image: url(../images/bg/header_home.jpg); height: 140px; position: relative; }

/*better choice */
.tablecol1 {padding-right: 55px; border-right: 1px solid #939598; border-bottom: 1px solid #c9cacb; color: #30619a; font-weight:bold; margin-top:-1;}
.tablecol2 {margin-right: 55px; padding-right:2px; border-right: 1px solid #939598; border-bottom: 1px solid #c9cacb; margin-top:-1;}
.tablecol3 {margin-right: 55px; padding-right:2px; border-bottom: 1px solid #c9cacb; margin-top:-1;}
td.col1 { color: #30619a; font-weight:bold; border-bottom: 1px solid #c9cacb; border-right: 1px solid #939598; padding:5px; padding-right:15px; vertical-align:middle;}
td.col2 { padding:5px; border-bottom:1px solid #c9cacb; border-right:1px solid #939598; border-bottom: 1px solid #c9cacb; vertical-align:middle;}
td.col3 { padding:5px; border-bottom:1px solid #c9cacb; vertical-align:middle;}
td.colbottom { border-bottom: 3px solid #ed1c24; }
#better_choice_tittle { border-bottom:3px solid red; font-weight:bold;}
.bluearrow {margin-left: 5px;}
.betterchoice #middle { padding: 5px 0 0 0px; color: #00000; width:540px; }
.betterchoice #middle2 { padding: 5px 0 0 0px; color: #00000; width:620px; }

.betterchoice #top { background-image: url(../images/bg/header_betterchoice.jpg); height: 140px; position: relative; }
.betterchoice #sidebar { float: left; width: 168px; margin: 8px 0 0 26px; font-size:11px; }
.betterchoice .betterchoice_left {font-size:11px; }
.betterchoice .betterchoice_leftselected {font-size:11px; font-weight:bold; color:red;}


/* end of better choice */

/*history */
.history .title {font-size:14px;font-weight:bold;}
.history #right {float:left;width: 200px;margin-left: 10px;}
.history #middle { padding: 6px 0px 0 0px; width: 384px; color: #00000; }
.history #sidebar {margin-top:5px;height: 200px; width: 200px;line-height: 2.25;border-right: 1px solid #999999; font-size:1.0em}
#history { background-image: url(../images/bg/history_header.jpg); height: 140px; position: relative; }
.history .selected {color:red;}
.history #middle .blackdot { background-image: url(../images/buttons/blackdot.gif); background-repeat: no-repeat; padding-left:17px;}
.history .spacer {border-bottom:1px solid #999999; width:185px;}
/*end of history */

/*Environmental Advantages */
.advantages .title {font-size:14px;font-weight:bold;}
.advantages #right {float:left;width: 200px;margin-left: 10px;}
.advantages #middle { padding: 6px 0px 0 0px; width: 384px; color: #00000; }
.advantages #sidebar {margin-top:5px;height: 200px; width: 200px;line-height: 2.25;border-right: 1px solid #999999; font-size:1.0em}
#history { background-image: url(../images/bg/history_header.jpg); height: 140px; position: relative; }
.advantages .selected {color:red;}
.advantages #middle .blackdot { background-image: url(../images/buttons/blackdot.gif); background-repeat: no-repeat; padding-left:17px;}
.advantages .emissions {color:#898989;}
.advantages .spacer {border-bottom:1px solid #999999; width:185px;}
.advantages .emissions {color:#898989; font-style: italic;}
.advantages .emissions_title {color:#898989; font-weight:bold; font-style: italic; font-size:1.1em;}
/*end of Environmental Advantages  */

/*wellbeing */
.wellbeing .title {font-size:14px;font-weight:bold;}
.wellbeing #right {float:left;width: 200px;margin-left: 10px;}
.wellbeing #middle { padding: 6px 0px 0 0px; width: 384px; color: #00000; }
.wellbeing #sidebar {margin-top:5px;height: 200px; width: 200px;line-height: 2.25;border-right: 1px solid #999999; font-size:1.0em}
.wellbeing #top { background-image: url(../images/bg/header_wellbeing.jpg); height: 140px; position: relative; }
.wellbeing .selected {color:red;}
.wellbeing .spacer {border-bottom:1px solid #999999; width:185px;}
.wellbeing #middle .blackdot { background-image: url(../images/buttons/blackdot.gif); background-repeat: no-repeat; padding-left:17px;}

/*end of wellbeing */

/*challenge */
.challenge .title {font-size:14px;font-weight:bold;}
.challenge #right {float:left;width: 200px;margin-left: 10px;}
.challenge #middle { padding: 6px 0px 0 0px; width: 384px; color: #00000; }
.challenge #sidebar {margin-top:5px;height: 200px; width: 200px;line-height: 2.25;border-right: 1px solid #999999; font-size:1.0em}
.challenge #top { background-image: url(../images/bg/header_challenge.jpg); height: 140px; position: relative; }
.challenge .selected {color:red;}
.challenge .spacer {border-bottom:1px solid #999999; width:185px;}
.challenges #middle .blackdot { background-image: url(../images/buttons/blackdot.gif); background-repeat: no-repeat; padding-left:17px;}
/*end of challenge */

/* environment */
.environment .title {font-size:14px;font-weight:bold;}
.environment #right {float:left;width: 200px;margin-left: 10px;}
.environment #middle { padding: 6px 0px 0 0px; width: 384px; color: #00000; }
.environment #sidebar {margin-top:5px;height: 200px; width: 200px;line-height: 2.25;border-right: 1px solid #999999; font-size:1.0em}
.environment #top { background-image: url(../images/bg/header_environment.jpg); height: 140px; position: relative; }
.environment .selected {color:red;}
.environment .spacer {border-bottom:1px solid #999999; width:185px;}
.environments #middle .blackdot { background-image: url(../images/buttons/blackdot.gif); background-repeat: no-repeat; padding-left:17px;}
/*end of environment */

/*background */
.background .title {font-size:14px;font-weight:bold;}
.background #right {float:left;width: 200px;margin-left: 10px;}
.background #middle { padding: 6px 0px 0 0px; width: 384px; color: #00000; }
.background #sidebar {margin-top:5px;height: 200px; width: 200px;line-height: 2.25;border-right: 1px solid #999999; font-size:1.0em}
.background #top { background-image: url(../images/bg/header_background.jpg); height: 140px; position: relative; }
.background .selected {color:red;}
.background .spacer {border-bottom:1px solid #999999; width:185px;}
.background #middle .blackdot { background-image: url(../images/buttons/blackdot.gif); background-repeat: no-repeat; padding-left:17px;}
/*end of background */


/*library */
.library #middle {padding: 6px 0px 0 0px; width: 484px; color: #00000;}
.library #sidebar {line-height: 2.25;width: 165px;border-bottom:1px solid #999999; font-size:1.0em;}
.library #top { background-image: url(../images/bg/header_library.jpg); height: 140px; position: relative; }
.library #middle .arrow { background-image: url(../images/buttons/redarrow.gif); background-repeat: no-repeat; padding-left:17px;}
/*end of Library */

/* Contact */
.contact #sidebar {line-height: 2.25;	width: 125px;float:left;}
.contact #top {background-image: url(../images/bg/header_contact.jpg); height: 140px; position: relative;}
.contact #inner {float:left;width:800px;}
.contact #middle { width: 252px; float:left; margin-top: 0px; padding-bottom:50px;}
.contact #middle p { margin: 0 0 6px 0; }
.contact #middle label {  width: 103px; text-align: right;}
.contact #middle label strong { color: #000000; }
.contact #middle label span { font-size: 0.75em; }
.contact #middle input, .contact #middle select, .contact #middle textarea { display: block; float: left;  }
.contact #middle input { width: 208px; border: 1px solid #808285; }
.contact #middle select { width: 157px; }
.contact #middle textarea { width: 208px; height: 30px; border: 1px solid #808285; }
.contact #right-sidebar td { border-bottom:0px white;}
.contact #right-sidebar { width: 290px; float: left; margin: 20px 0 0; }
.contact #right-sidebar p { margin: 0 0 6px 0; }
.contact #right-sidebar label {  width: 103px; text-align: right; }
.contact #right-sidebar label strong { color: #000000; }
.contact #right-sidebar label span { font-size: 0.75em; }
.contact #right-sidebar input, .contact #middle select, .contact #middle textarea { display: block; }
.contact #right-sidebar input { width: 208px; border: 1px solid #808285; }
.contact #right-sidebar select { width: 157px; }
.contact .question textarea{border:1px solid #808285;height:90px;width:208px;}
.contact #submit input {width:66px, height:21px;}
.contact #right-sidebar table { border-top: 0 }
.contact #footer {*margin-top:-20px;}
/*end of Contact*/

/* Press */
.press #sidebar {line-height: 2.25;	width: 165px;}
.press #middle { padding: 6px 0px 0 0px; width: 484px; color: #00000;}
.press #top {background-image: url(../images/bg/header_press.jpg); height: 140px; position: relative;}
.press .current {color:red; font-weight:bold; font-size:1.0em;}
.press a {font-size:1.0em;}
.press #middle .arrow { background-image: url(../images/buttons/redarrow.gif); background-repeat: no-repeat; padding-left:17px;}
.press .selected {color:red;}
.press .readmore a, active,visited {color: #2e6099; font-size:1.0em; text-decoration: underline; }
.press .readmore a:hover {color: red;}
.press .blackdot { background-image: url(../images/buttons/blackdot.gif); background-repeat: no-repeat; padding-left:17px; background-position:center left;}

/* Footer */
#footer { clear: both; color: #808285; font-size: 0.75em; margin-top: 45px; padding: 5px 10px 5px 12px; height: 20px; background-color: #868585; }
#footer ul { float: left; }
#footer ul li { float: left; left center no-repeat; padding-left: 8px; margin-right: 3px; color: #FFFFFF; font-size: 12px; }
#footer ul li.first { padding-left: 0; background: none; }
#footer a { color: #FFFFFF; font-size: 12px; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto-clearing floats */
#footer:after, .contact #middle p:after, .contact #right-sidebar .direct p:after, .contact #right-sidebar .interests:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/*Tooltip */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 180px;
border: 1px solid black;
padding: 5px;
color:white;
font-size: 0.9em;
background-color: #0096d7;
visibility: hidden;
z-index: 100;
opacity: .95;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
/*End of tooltip */