BODY {background: #E6F3F6 url('/j/d/bg-bottom.jpg') repeat-x 0 100%}
TABLE {border-collapse: collapse} TABLE, TH, TD, INPUT {font-size: 1em} TD {vertical-align: top}

HTML, BODY {height: auto !important; height: 100%; min-height: 100%}

#Content H2,
.index #Content #News H3 {font-size: 1.4em; line-height: 1.2em; text-transform: uppercase}
#Content H2 {padding: 0.5em 0 1em}

BR {clear: both}
H2 BR,
H3 BR,
H4 BR,
P BR {clear: none}

/* headings */
H3 {margin: 0 0 0.5em; font-size: 1.4em; font-weight: normal} H3, H3 A {color: #1C84A2}
H4 {font-size: 1em; margin: 1em 0 0.5em}

H2 A,
H3 A,
H4 A {text-decoration: none}

/* buttons */
A.button {width: 77px; height: 22px}
.button SPAN {display: none}
.more {background: url('/j/d/button-more.gif')}
.download {background: url('/j/d/button-download.gif')}


/* hide */
#Logo IMG,
#Header H1,
#Header .link,
#Navi SPAN SPAN {display: none}


/****** Header ******/
/*#Header {height: 323px; background: url('/j/d/bg-header.jpg') no-repeat}*/

/**** Logo ****/
#Logo {margin: 0}
#Logo A {display: block; position: absolute; top: 62px; left: 146px; width: 184px; height: 84px; background: url('/j/d/logo.gif')}


/**** Navi ****/
#Navi {position: absolute; left: 368px; top: 14px}
#Navi LI {width: 51px}
#Navi LI,
#Navi A,
#Navi SPAN {display: block; float: left} #Navi A {padding: 11px; margin-right: 18px; display: inline}
#Navi SPAN {width: 11px; height: 11px; background: url('/j/d/navi.gif')}
#Navi .sitemap SPAN {background-position: -11px}
#Navi .search SPAN {background-position: -22px}

/**** Splash ****/
#Splash {background: url('/j/d/bg3-header.jpg') repeat-x 422px}
#Splash DIV {height: 330px}
#Splash .bg1 {background: url('/j/d/bg-header.jpg') no-repeat}
#Splash .bg2 {float: right; width: 543px; background: url('/j/d/bg4-header.png') no-repeat}
#Splash .bg3 {float: right; width: 468px; background: url('/j/d/bg2-header.png') no-repeat 100%}


/****** Container ******/
#Container {position: relative; margin-left: 251px; overflow: hidden} /* all */
BODY:last-child #Container {overflow: visible} /* Gecko */

/**** Left ****/
#Left {float: left; width: 246px}

/** Menu + sitemap **/
#Menu {background: white url('/j/d/bg-container.jpg') repeat-x; font-size: 0.9em}
#Menu UL {padding: 20px 25px; background: url('/j/d/menu-corner.gif') no-repeat 100% 100%}
#Menu .first {background: none !important}
.sitemap #Content LI {padding: 0; background: none}
.sitemap #Content UL {width: 50%; margin: 0}

/* level0 */
.level0 {display: none}

/* level1 */
.sitemap #Content LI.level1,
.sitemap #Content LI.level1active,
.level1,
.level1active {background: url('/j/d/dotted.gif') repeat-x; margin: 0 0 1px}

.level1 SPAN,
.level1active SPAN {display: block; height: 1%; padding: 6px 0 4px 15px; background: url('/j/d/p3.gif') no-repeat 0 8px; font-weight: bold; text-transform: uppercase}
.level1active SPAN {background-image: url('/j/d/p4.gif')}

.level1 A,
.level1active A {padding: 0 2px; text-decoration: none; color: #1B819F}

.level1active A,
.level2active A,
.level3active A,
.level4active A {background: #BEE6C2}
.level5active A {background: #BEE6C2}

/* level2 */
.sitemap #Content .level2,
.sitemap #Content .level2active,
.sitemap #Content .level3,
.sitemap #Content .level3active,
.sitemap #Content .level4,
.sitemap #Content .level4active,
.sitemap #Content .level5,
.sitemap #Content .level5active,
.level2,
.level2active,
.level3,
.level3active,
.level4,
.level4active {margin: 2px 0 6px 24px; padding-left: 12px; background: url('/j/d/p.gif') no-repeat 0 6px}
.level5,
.level5active {margin: 2px 0 6px 24px; padding-left: 12px; background: url('/j/d/p.gif') no-repeat 0 6px}

.level2 A,
.level2active A,
.level3 A,
.level3active A,
.level4 A,
.level4active A {font-weight: bold; color: #414141}

/* level3 */
.sitemap #Content .level3,
.sitemap #Content .level3active,
.level3,
.level3active {margin: 2px 0 6px 43px}

.level3 A,
.level3active A,
.level4 A,
.level4active A {font-weight: normal}

/* level4 */
.sitemap #Content .level4,
.sitemap #Content .level4active,
.level4,
.level4active {margin: 2px 0 6px 57px; font-size: 0.95em}

/* level5 */
.sitemap #Content .level5,
.sitemap #Content .level5active,
.level5,
.level5active {margin: 2px 0 6px 71px; font-size: 0.95em}

/** banners **/
#Left .banners A {margin: 7px 0 0}
#Left .banners A,
#Left .banners IMG {display: block}

/* disable banners ChooseConditioner & ControlConditioner */
#Left #ChooseConditioner,
#Left #ControlConditioner {display: none}

/** Search **/
#Left #Search {padding: 33px 30px; color: #AAB8BE; font-weight: bold; text-transform: uppercase}
#Search {font-size: 0.9em}
#Search .field {width: 170px; border: 1px solid #D8DCDE; background: white; font-size: 1.3em}
#Left #Search .button {margin: 4px 0 0}
#Content #Search .button {margin: 0 0 -6px 5px}
#Content #Search .field {padding: 2px}

/**** Content ****/
#Content #Path {margin: 0 0 1em 1px; font-size: 0.85em}
#Content #Path LI {float: left; padding-left: 0; padding-right: 6px; margin-right: 4px; background: url('/j/d/p2.gif') no-repeat 100% 60%}
#Path A {color: #333}
#Path .slash {padding-left: 3px; background: url('/j/d/p2.gif') no-repeat 0 60%}

#Content #Path .last {background: none}
#Content {width: 100%; overflow: hidden; background: white url('/j/d/bg-container.jpg') repeat-x}
#Content .bg {overflow: hidden; padding: 0 25px 25px; background: url('/j/d/bg-content.gif') no-repeat 0 100%}
#Content UL, #Content OL {margin: 1em}
#Content OL {display: table; padding-left: 2em}

/** History: years **/
.history #Content DL {overflow: hidden; clear: both; margin: 0 0 23px}
.history #Content DT {float: left; width: 67px; height: 24px; background: url('/j/d/bg-year.gif') no-repeat; text-align: center; font: bold 1em/24px 'Trebuchet MS',
sans-serif; color: white}
.history #Content DD {margin-left: 83px; padding: 5px 0}


/** Buy: Cities **/
#Cities {margin: 1em 0 0}
#Cities .col {float: left; width: 33%; margin-bottom: 1em}
#Cities BR {clear: both}
#Cities H4 {padding-bottom: 0.25em; margin: 0; font-size: 1.2em; color: #1D84A2; background: url('/j/d/dotted2.gif') repeat-x 0 100%}
#Cities UL {padding: 0.5em 0 0.5em 1em; margin: 0; font-size: 0.9em}
#Content #Cities LI {padding-left: 0; background: none}
#Cities .col1 H4,
#Cities .col1 UL {margin-right: 12px}
#Cities .col2 H4,
#Cities .col2 UL {margin: 0 12px}
#Cities .col3 H4,
#Cities .col3 UL {margin-left: 12px}

/** News **/
#News {position: relative; width: 100%}
#News H3 {font-weight: bold; margin: 1.2em 0 0.85em}

#News .news {width: 100%; overflow: hidden; padding-bottom: 25px}
#News .news H4 {margin: 0 0 5px; font-size: 1.4em; font-weight: normal}
#News .news H4, #News .news H4 A {color: #14A6C5}
/*#News .news .content {margin-left: 107px; padding-top: 0.45em}
#News .news .image {float: left; margin-left: -2px}*/
#News .news .image {margin-left: -2px}
#News .news .more {display: inline; width: 1px; height: 11px; margin-left: 0.25em; padding-left: 11px; background: url('/j/d/p5.gif') no-repeat 0 70%}

#News P {/*clear: both; */margin-top: -0.5em}
#News .news P {margin-top: 0; display: inline}

#News .link A {font-size: 0.9em; padding-left: 14px; background: url('/j/d/p.gif') no-repeat 0 0.5em}


A.button {display: block}

/* banners */
#Container .banners {width: 100%; margin: 8px 0 0 0}
#Container .banners .banner {float: left; width: 33.3%}
/*#Container .banners .central {width: 34%}*/

.banners .left .corners {margin-right: 3px}
.banners .central .corners {margin: 0 3px}
.banners .right .corners {margin-left: 3px}
.banner .corners {background-color: white !important}

.banner .top-left {background: url('/j/d/banner-corner-top-left.gif') no-repeat}
.banner .top-right {background: url('/j/d/banner-corner-top-right.gif') no-repeat 100% 0}
.banner .bottom-left {background: url('/j/d/banner-corner-bottom-left.gif') no-repeat 0 100%}
.banner .bottom-right {background: url('/j/d/banner-corner-bottom-right.gif') no-repeat 100% 100%}

.right .top-right,
.central .bottom-left,
.right .bottom-left,
.bottom-right {background-image: none !important}
.left .bottom-right {background-image: url('/j/d/banner-left-corner-bottom-right.gif') !important}
.central .bottom-left {background-image: url('/j/d/banner-central-corner-bottom-left.gif') !important}
.right .bottom-right {background-image: url('/j/d/banner-right-corner-bottom-right.gif') !important}

/* banner */
.banner .content {padding: 0 25px 25px; height: auto !important; height: 350px; min-height: 370px; font-size: 0.9em}
.banner .content H4 {margin: 1em 0 1.5em}
.banner .content P {font-size: 0.95em}
.banner .button {margin: 1em 0 0 -2px; width: 77px; height: 22px; background: url('/j/d/button-more.gif') no-repeat}
#Container .banner IMG {margin-left: -5px; margin-right: -999em}
#Container .banner .image {font-size: 0}


/****** Footer ******/
#Footer {float: left; width: 100%; overflow: hidden; font-size: 0.9em; display: table}
#Footer ADDRESS,
#Footer DIV {float: left; padding: 26px 0}
#Footer ADDRESS {margin-left: 31px}
#Footer DIV {width: 33%}
#Footer DIV P {margin-left: 25px}

#Copyright {margin: 0}
#Banners A,
#Banners IMG {float: left}
#Banners A {margin: 9px 9px 0 0}
#Banners IMG {border: 1px solid #D7E2E3}

#Print {clear: both; margin-top: 3em; padding-top: 8px; background: url('/j/d/line.gif') no-repeat; font-size: 0.85em}
#Print A {padding-left: 20px; background: url('/j/d/icon-print.gif') no-repeat 0 60%; color: #414141}


/* anons */
.anons {width: 100%; clear: both; margin: 0 0 25px; height: auto; display: table}
HEAD:first-child+BODY .anons {overflow: hidden} /* not Opera 6 and not IE */
.anons H3 {font-size: 1.4em; font-weight: normal; margin: 0 0 25px}
.anons H3, .anons H3 A {color: #1C84A2}
.anons .image {float: left}
.anons .content {margin-left: 127px; height: 1%}
.anons .link {margin-top: 1em}

#Content UL LI {padding-left: 12px; background: url('/j/d/p.gif') no-repeat 0 0.4em}


/* product */
.product H3 {width: 400px; height: 38px; line-height: 38px; margin: 0; padding: 0 17px; background: #BEE6C2 url('/j/d/bg-product-title.gif') no-repeat; border-bottom: 4px solid white; font-size: 1.5em; color: black}
.product H3 SPAN {text-transform: lowercase; font-size: 0.7em; font-weight: normal}
.product H4 {font-size: 1.3em; color: #1C84A2; margin: 1em 0 0.75em}

/* product intro */
.product #Intro {position: relative; width: 100%; margin: 0.5em 0 2em; overflow: hidden; background: #F0F8FA}
.product #Intro H3,
.product #Intro IMG {float: left; clear: left; border-right: 6px solid white}

.product #Intro .links {margin: 0 0 0 440px; height: 42px; padding-left: 8px; background: white}

/* product models */
.product #Intro .models {padding: 14px 0 16px 460px}
.product #Intro .models UL {float: left; width: 110px; margin: 0 0; font-weight: bold; font-size: 0.9em}
.product #Intro .models LI {padding-left: 8px}

.product #Intro .models LI,
.product #Intro .models .coolingAndHeating {background: url('/j/d/p-red.gif') no-repeat 0 40%}
.product #Intro .models .coolingOnly {background-image: url('/j/d/p-blue.gif')}

.product #Intro .models UL.legend {float: none; height: auto; position: absolute; bottom: 4px; left: 460px; width: 100%; margin: 0; padding-top: 4px; background: url('/j/d/line.gif') no-repeat; font-weight: normal; font-size: 0.85em}
.product #Intro .models .legend LI {padding-left: 11px; margin: 0; line-height: 1.2em}

/* product description */
.product #Content UL.col LI {margin: 0 26px; padding-right: 8px; background: url('/j/d/p6.gif') no-repeat 0 0.5em}

/* product description */
.product #Content #Features TABLE {width: 100%}
.product #Content #Features TH {text-align: left}
.product #Content #Features TD,
.product #Content #Features TH {text-align: center; padding: 2px 0; border: solid #E5E5E5; border-width: 1px 0}
.product #Content #Features TD.first,
.product #Content #Features TH.first {text-align: left}
.product #Content #Features TD IMG,
.product #Content #Features TH IMG {text-align: center; display: block; margin: 0 auto}
.product #Content #Features .legend SPAN {display: none}

.product #Content #Features TD.included,
.product #Content #Features TD.optional {background: no-repeat 50% 50%; overflow: hidden; text-indent: -999em}
.product #Content #Features UL {float: right; margin: 0.5em 0 0; font-size: 0.85em}
.product #Content #Features LI.included,
.product #Content #Features LI.optional {padding-left: 8px; background: no-repeat 0 60%}
.product #Content #Features .included {background-image: url('/j/d/bull.gif') !important}
.product #Content #Features .optional {background-image: url('/j/d/bull2.gif') !important}

.product #Content #Description THEAD TH {background: #00AFD2; color: white}
.product #Content #Description TD, .product #Content #Description TH {padding: 4px 0.5em}
.product #Content #Description TH {border: 1px solid white}
.product #Content #Description TABLE {margin: 0 0 1em}

.product #Content #Description .stripe TD {background: #F1F1F1}
.product #Content #Description TD {border-bottom: 1px solid #E5E5E5}

/* product manual */
UL.manual,
.product #Manual {margin: 2em 0 0; padding: 0.9em 0; background: url('/j/d/line.gif') no-repeat}
UL.manual LI,
.product #Manual LI {margin: 0 0 1.5em}
#Content UL.manual .pdf,
.product #Manual .pdf {padding-left: 40px; background: url('/j/d/icon-pdf.gif') no-repeat; height: auto !important; height: 37px; min-height: 37px}
UL.manual .pdf .size,
.product #Manual .pdf .size,
UL.manual .pdf .button,
.product #Manual .pdf .button {margin-top: 0.4em}
UL.manual .pdf .size,
UL.manual .pdf .size SPAN,
.product #Manual .pdf .size,
.product #Manual .pdf .size SPAN {display: block; width: 199px; background: url('/j/d/dotted2.gif') repeat-x}
UL.manual .pdf .size SPAN,
.product #Manual .pdf .size SPAN {padding: 0.2em 0 0.3em; background-position: 0 100%}

/* features */
.feature {margin: 0 0 1.5em}
.feature H3,
.feature P {margin-left: 47px}
.feature IMG {float: left}
.feature H3 {font-size: 1em; font-weight: bold; color: #1C84A2}

/**** techtable ****/
BODY.techtable {background: white}
/*BODY.techtable,
.techtable #Container,*/
BODY.techtable #Container DIV {height: 100%}
.techtable #Container,
.techtable #Container DIV {margin: 0; padding: 0; background: url('/j/d/techtable-border.gif') repeat-x}
.techtable #Container DIV {background-position: 0 100%}
.techtable #Container DIV DIV {background-repeat: repeat-y}
.techtable #Container DIV DIV DIV {background-position: 100%}
.techtable #Container DIV DIV DIV DIV {background: none}

.techtable #Container #Content {padding: 50px; width: auto; height: auto; overflow: visible}
/* table */
.techtable #Content TABLE {clear: both; width: 100%; font-size: 0.9em}
.techtable #Content TH,
.techtable #Content TD {padding: 4px; border: 1px solid white}
.techtable #Content THEAD TH {background: none}
.techtable #Content THEAD .first {visibility: hidden}
.techtable #Content .first {text-align: left}
.techtable #Content TABLE .section {background: #00AFD2; color: white; text-transform: uppercase}
.techtable #Content TABLE .section SPAN {text-transform: none}
.techtable #Content TBODY TD {text-align: center}
.techtable #Content TH,
.techtable #Content .first,
.techtable #Content .unit {background: #F5F5F5}
.techtable #Content .unit {text-align: right}

.techtable #Content TABLE .section,
.techtable #Content TABLE .subsection {text-align: left}

.techtable #Logo A {position: static; left: 0; top: 0; background: none}
.techtable #Logo IMG,
.techtable #Header .link {display: inline}
.techtable #Header H1 {display: block}

.techtable #Header .link {padding-left: 16px; background: url('/j/d/p.gif') no-repeat 6px 50%}

.techtable #Logo {float: left}
.techtable #Container #Header {height: 74px; margin: 0 0 2em 200px}
.techtable #Header H1 {padding-top: 29px; margin-bottom: 8px; font-size: 1.4em; text-transform: uppercase}

/* objects */
.objects #Content .object {float: left; padding: 0 25px 25px 0}
.objects #Content .object IMG {border: 3px solid #E6F3F6}
.objects #Content .object P {margin: 0 3px}

/* footnote */
DL.footnote {margin-top: 1em}
DL.footnote DT {float: left}
DL.footnote DD {margin-left: 2em}


/* manuals */
.manual #Content H4 {margin: 2em 0 0}
.manual #Content .manual {margin-top: 0}
.manual #Content H4,
.manual #Content .manual {margin-left: 34px; background: none}

/* buy: retailers */
.retailer {margin: 0 0 2em}
.retailer IMG {float: left}
.retailer H3 {margin: 0 0 1em}
.retailer .content {margin-left: 163px}

/* catalog */
.catalog .anons H3 {font-weight: normal}


/* company: video */
#Video .preview {float: left; width: 320px}
#Video .file {width: 190px; margin-left: 360px}
#Video .file H4 {height: 40px !important; height: 40px; min-height: 40px; margin: 0; padding-left: 46px; background: url('/j/d/icon-video.gif') no-repeat}
#Video .file P {margin: 0 0 5px; background: url('/j/d/dotted2.gif') repeat-x}
#Video .file P BR {display: none}
#Video .file .size, #Video .file .format {display: block; background: url('/j/d/dotted2.gif') repeat-x; padding: 3px 0 5px}
#Video .file .size {padding-bottom: 0}
#Video .file .format {padding-top: 0; background-position: 0 100%}


/* catalog accessories */
.accessory {clear: both; overflow: hidden; width: 100%; margin: 0 0 25px}
.accessory .content {margin-left: 218px; height: 1%}
.accessory IMG {float: left}
.accessory H3 SPAN {font-weight: bold; font-size: 0.65em; color: #45464C}

#Content .accessory .features {margin: 0 0 1em; background: url('/j/d/bg-accessory.gif') no-repeat; font-size: 0.85em; font-weight: bold}
#Content .accessory .features DIV {height: 31px; overflow: hidden; margin-left: 12px; background: white}
#Content .accessory .features UL {float: left; margin: 0; height: 31px; background: url('/j/d/bg-accessory.gif') no-repeat 100%}
#Content .accessory .features LI {float: left; padding-left: 24px; background: no-repeat 0 50%; line-height: 31px; margin-right: 12px; display: inline}
#Content .accessory .features .bacteria {padding-left: 26px; background-image: url('/i/catalog/products/filters-accessories/bacteria.gif')}
#Content .accessory .features .dust {background-image: url('/i/catalog/products/filters-accessories/dust.gif')}
#Content .accessory .features .NH3 {padding-left: 30px; background-image: url('/i/catalog/products/filters-accessories/NH3.gif')}
#Content .accessory .features .HCHO {padding-left: 30px; background-image: url('/i/catalog/products/filters-accessories/HCHO.gif')}
#Content .accessory .features .fungi {padding-left: 29px; background-image: url('/i/catalog/products/filters-accessories/fungi.gif')}
#Content .accessory .features .microbe {padding-left: 29px; background-image: url('/i/catalog/products/filters-accessories/microbe.gif')}
#Content .accessory .features .smoke {background-image: url('/i/catalog/products/filters-accessories/smoke.gif')}
#Content .accessory .features .pollen {padding-left: 21px; background-image: url('/i/catalog/products/filters-accessories/pollen.gif')}
#Content .accessory .features .vitamin-c {padding-left: 21px; background-image: url('/i/catalog/products/filters-accessories/vitamin-c.gif')}
#Content .accessory .features .anions {padding-left: 21px; background-image: url('/i/catalog/products/filters-accessories/anions.gif')}


/* cols2 */
.cols2 {width: 100%; overflow: hidden; margin: 23px 0}
.cols2 .col {float: left; width: 50%; margin: 0 !important}


/* search */
.search P.pages {float: right; font-size: 0.9em; color: black}
.search .pages,
.search .pages SPAN {background: url('/j/d/dotted2.gif') repeat-x}
.search .pages SPAN {float: left; display: block; background-position: 0 100%; padding: 1px 0}
.search .pages SPAN SPAN {display: inline; background: none; padding: 0}

.search .pages STRONG,
.search .pages .current,
.search .pages A {display: block; float: left; height: 20px; line-height: 19px; padding: 0 3px; margin: 0 5px}

.search .pages STRONG {padding-left: 0; margin: 0}

.search .pages .current {font-weight: bold; background: #BEE6C2}
.search .pages .arrow SPAN {display: none}
.search .pages .arrow {width: 7px; background: url('/j/d/p.gif') no-repeat 50% 50%}
.search .pages .left {background-image: url('/j/d/pl.gif')}
.search .pages .right {margin-right: 0}

.search #Search {font-weight: bold; font-size: 0.9em}

.search #Results {clear: both; padding: 0 0 2em 4em; margin: 0}
.search #Results LI {font-size: 1.5em}
.search #Results H4 {font-weight: normal}
.search #Results H4, .search #Results H4 A {color: #1C84A2}
.search #Results P {font-size: 0.7em; margin: 0}