@import url("thermo.css");
@import url("directions-menu.css");

/* override common styles */
h1 { color: #71ab36; line-height: 1.4; width: auto; }
#content { line-height: 1.3; }
#content .col-left { width: 36%; }
#content .col-right { width: 64%; }
* html #content .col-right { margin-right: -100%; }
#menu-spacer { height: 20px; }
div.file { margin-bottom: 1.3em; }

/* override navigation */
#navigation th strong a { color: #71ab36; border-color: #71ab36; }
#navigation th strong a ins { background-position: 0 0; }
#brandClasses ul.navbox li.active { background: none; }

#content-loading { width: 100%; clear: left; margin-top: 60px; display: none; }
#content-loading div { position: relative; display: block; background: url(/images/loader-page.gif) no-repeat; width: 160px; height: 120px; margin: 0 auto; }
#content-loading div ins { position: absolute; display: block; width: 90px; height: 100%; background: url(/images/ajax-page-loader.gif) no-repeat 50%; }
#content-loading div label { position: absolute; display: block; font-size: 8pt; color: #999999; margin-left: 105px; margin-top: 50px; line-height: normal; }

span.help-btn { position: absolute; width: 12px; height: 12px; background: url(/images/i-btn-help.png) no-repeat; cursor: default; z-index: 200; overflow: visible; margin: 0.2em 0 0 8px; //margin-top: 0.1em; }
span.help-btn.opened, span.help-btn:hover { background-position: -12px 0; }
span.help-btn p { display: none; }
* html span.help-btn { background-image: url(/images/i-btn-help.gif); }

div.tip-container { position: absolute; z-index: 10000; width: 200px; font-size: 8pt; background: white; border: solid 1px #71b1da; background: #dfecf5; padding: 7px 10px 5px 10px; margin: 24px 0 0 -34px; display: none; }
div.tip-container ins { position: absolute; margin: -16px 0 0 0; left: 31px; display: block; width: 20px; height: 9px; background: url(/images/arrow-tip.gif) no-repeat; font-size: 0; line-height: 0; }
div.tip-container.rt { margin-left: -173px; }
div.tip-container.rt ins { left: auto; right: 30px; }

ins.stock { display: block; width: 16px; height: 16px; cursor: default; z-index: 200; overflow: visible; background-position: 50%; background-repeat: no-repeat; margin-top: 1px; //background-position: 0; //margin-left: 30%; }
ins.stock p { display: none; }
ins.instock { background-image: url(/images/i-instock.png); }
ins.reservation { background-image: url(/images/i-reservation.png); }
ins.outstock { background-image: url(/images/i-outstock.png); }
* html ins.instock { background-image: url(/images/i-instock.gif); }
* html ins.reservation { background-image: url(/images/i-reservation.gif); }
* html ins.outstock { background-image: url(/images/i-outstock.gif); }

#compare, #compareClear, #compareMenu { margin-top: 32px; }
#compareClear ins { display: none; }

div.compare-link { position: relative; font-size: 8pt; white-space: nowrap; padding-left: 20px; max-width: 120px; }
div.compare-link ins { position: absolute; display: block; width: 16px; height: 100%; margin-left: -20px; float: left; background: url(/images/i-compare.gif) no-repeat 0 50%; cursor: pointer; margin-top: 1px; //margin-top: 0; }
div.compare-link a { text-decoration: none; cursor: pointer; //line-height: 1.5; //cursor: hand; }
div.compare-link a:visited { color: #0069af; }
div.compare-link a span { border-bottom: dashed 1px #0069af; }
div.compare-link a:hover { color: #000000 !important; }
div.compare-link a:hover span { border-color: #000000 !important; }
div.compare-link s { padding-left: 4px; color: #999999; text-decoration: none; }
div.compare-link span.list a span { border-bottom-style: solid; }
div.compare-link span.add {  }
div.compare-link span.add ins { margin-top: 1px; background-image: url(/images/i-compare-add.gif); }
div.compare-link span.add a { color: #808080; }
div.compare-link span.add a span { border-color: #808080; }
div.compare-link span.remove { display: none; }
div.compare-link span.remove, div.compare-link span.remove a { color: #808080; padding-left: 0; }
div.compare-link span.remove ins { display: none; }
div.compare-link span.remove a span { border-color: #808080; }
div.compare-link span.remove dd { display: inline; color: #71ab36; padding-right: 2px; }
div.compare-link span.ajax { color: black; display: none; }
div.compare-link.added { padding-left: 0; }
div.compare-link.added span.add { display: none; }
div.compare-link.added span.remove { display: inline; }
div.compare-link.loading span.add, div.compare-link.loading span.remove {  }
div.compare-link.loading span.ajax { color: #e10015; display: inline; padding-left: 2px; /* width: 16px; height: 16px; background: url(/images/ajax-loader-gray.gif) no-repeat;*/ }
* html div.compare-link ins { margin-top: 1px; }

div.legend { position: relative; font-size: 8pt; float: right; border: solid 1px #c4c4c4; padding: 20px 30px 6px 30px; width: 70%; top: -20px; color: #808080; max-width: 380px; }
div.legend strong { display: block; margin-bottom: 1.5em; }
div.legend ul { margin-left: 30px; }
div.legend ul li { position: relative; margin-top: 1em; }
div.legend ul li:first-child { margin-top: 0; }
div.legend ul li ins { position: absolute; top: 0; left: -3.5em; //top: -1px; //margin-left: 0; }
div.legend ins.pointer, ins.legend-pointer { display: block; width: 20px; height: 21px; background: url(/images/legend-arrow.gif) no-repeat; }
div.legend ins.pointer { position: absolute; top: -21px; right: 4.9em; //right: 5.5em; }
ins.legend-pointer { position: relative; z-index: 100; }
* html div.legend { width: expression(this.offsetWidth > 380 ? '380px' : '70%'); }
* html div.legend ul li { margin-top: expression(this.previousSibling == null ? '0' : '1em'); }
* html div.legend ins.bl,
* html div.legend ins.br { bottom: expression( (this.parentNode.offsetHeight % 2)? -1 : -2 ); }
* html div.legend ins.tr,
* html div.legend ins.br { right: expression( (this.parentNode.offsetWidth % 2)? -1 : -2 ); }

/* ----------------------------------------------- */


#catalogheader { background-color: #0069af; font-size: 8pt; color: #ffffff; line-height: 1.3; min-height: 110px; }
#catalogheader h1 { white-space: nowrap; overflow: hidden; padding: 30px; margin: 0; color: #ffffff; }
#catalogheader h1 img { position: absolute; //behavior: url(/css/iepngfix.htc); }
#catalogheader p.sitelink { padding: 40px 0 0 20px; border-left: solid 1px #4d96c7; }
#catalogheader p.sitelink a { color: #ffffff; }
#catalogheader p.sitelink a:hover { color: #9fc7e1 !important; }
* html #catalogheader { height: 110px; }


#brandlogo { background-color: #0069af; font-size: 8pt; color: #ffffff; line-height: 1.3; min-height: 140px; }
#brandlogo h1.logo { width: 1px; font-size: 1px; white-space: nowrap; overflow: hidden; padding: 30px; margin: 0; color: #0069af; }
#brandlogo h1.logo img { position: absolute; //behavior: url(/css/iepngfix.htc); }
#brandlogo p.sitelink { padding: 40px 0 0 20px; border-left: solid 1px #4d96c7; }
#brandlogo p.sitelink a { color: #ffffff; }
#brandlogo p.sitelink a:hover { color: #9fc7e1 !important; }
* html #brandlogo { height: 140px; }

div.catalog-body { background: #dfecf5; padding: 30px 0 20px 80px; }

#brand-tabs { background: #c3daeb; }
#brand-tabs ul.family-tabs { font-size: 8pt; }
#brand-tabs ul.family-tabs li { padding: 0.8em 0; }
#brand-tabs ul.family-tabs li a { color: black !important; }
#brand-tabs ul.family-tabs li a:hover { color: #0069af !important; }
#brand-tabs ul.family-tabs li.selected { background: none; }
#brand-tabs ul.family-tabs li.selected a { color: #71ab36 !important; cursor: default; }
#brand-tabs ul.family-tabs li.selected s { position: absolute; width: 20px; height: 9px; background: url(/images/arrow-down.gif); left: 50%; margin-left: -10px; bottom: -9px; z-index: 50; }

.directions .group { float: left; width: 40%; margin: 0 3em 2em 0; clear: none; }
.directions .group h2 { font-size: 12pt; font-weight: bold; }
.directions ul.list { font-size: 10.5pt; }
.directions ul.list li { margin-bottom: 0.3em; }
.directions ul.list li span.link { position: relative; background: #dfecf5; padding: 0 0.6em; margin-left: -0.6em; }
.directions ul.links { font-size: 9pt; display: none; margin: -0.8em 0 0 -20px; padding: 0 20px 10px 20px; border: solid 1px #b2bdc4; }
.directions ul.links li:first-child { padding-top: 16px; }
.directions ul.links li { margin-bottom: 0.3em; margin-left: 1em; }
.directions ul.links a { color: black; }
.directions ul.links a:hover { color: #0069af !important; }
* html .directions { position: static; height: 100%; }

.categories { display: none; }
.categories ul.list { width: 35%; float: left; margin-right: 60px; line-height: normal; }
.categories ul.list li { margin-bottom: 1.5em; }
.categories ul.list li a { color: #000000; font-size: 14pt; }
.categories ul.list li a:hover { color: #0069af !important; }
.categories ul.list li span { color: #999999; font-size: 8pt; display: block; margin-top: 0.4em; line-height: 1.3; }
* html .categories { position: static; height: 100%; }

#pricesheet { font-size: 9pt; background: #dfecf5; padding: 30px 0; border-top: solid 1px #b2bdc4; }
#pricesheet div.files { margin-left: 80px; }
#pricesheet.simple-list div.files div.file { width: 23%; }
#pricesheet div.files div.file { width: 35%; /*max-width: 14em; margin-right: 10%;*/ float: left; margin-right: 3em; }
#pricesheet div.files div.file span { font-size: 100%; color: #000000; }
#pricesheet div.files div.oDate { clear: left; margin-top: 0.5em; color: #868e93; font-size: 8pt; line-height: normal; }
#pricesheet p.other { font-size: 8pt; width: 11em; margin-top: 1px; padding-left: 20px; line-height: 1.4; //padding-bottom: 10px; }
#pricesheet p.other a { color: #70767b; text-decoration: none; border-bottom: dashed 1px #70767b; outline: none; }
#pricesheet p.other a:hover { color: #0069af !important; border-color: #0069af !important; }
#pricesheet p.other a ins { float: left; width: 12px; height: 20px; background: url(/images/arrow-blue.gif) no-repeat 0 0; margin-left: -20px; //margin-top: 1px; }
#pricesheet p.other a:hover ins { background-position: -20px 0; }
#pricesheet p.other.selected a ins, #pricesheet p.other.selected a:hover ins { background-position: -40px 0; }
#pricesheet p.other.selected a { color: #0069af !important; border-color: #0069af !important; }
#pricesheet div.clear { line-height: 0; font-size: 0; }
* html #pricesheet { height: 100px; padding-bottom: 20px; }
* html #pricesheet p.other { padding-left: 17px; }
* html #pricesheet p.other a ins { margin-left: -17px; }
* html #pricesheet.simple-list div.files div.file { margin-right: 2em; }

ul.formats-list { position: absolute; display: none; z-index: 100; background: white; border: solid 1px #b2bdc4; padding: 10px 20px; width: 180px; font-size: 9pt; //padding-bottom: 12px; }
ul.formats-list li { padding: 0.4em 0; }
ul.formats-list ins { position: absolute; top: -9px; left: 30px; display: block; width: 20px; height: 9px; background: url(/images/arrow-prices.gif) no-repeat; font-size: 0; line-height: 0; }

#about-brand { margin-top: 30px; margin-left: 160px; }
#about-brand p { width: 80%; line-height: 1.5; }
#brand-files { position: relative; line-height: 1.45; left: -19px; //left: -18px; }
p#partner-select { font-size: 8pt; color: #808080; width: 35em; margin-top: 2.5em; }
p#partner-select img { float: left; margin-top: 0.3em; margin-right: 20px; }

/* ----------------------------------------------- */

#class-header { background-color: #0069af; color: #ffffff; overflow: visible; min-height: 92px; }
#class-header h2 { font-size: 26pt !important; padding-top: 6px; /*margin: 0.7em 0 0 20px;*/ margin: 24px 0 0 20px; }
#class-header h1 { /*margin: 0.7em 60px 0.7em 30px;*/ margin: 23px 60px 23px 30px; color: #ffffff; }
#class-header .clear { font-size: 0; line-height: 0; }
* html #class-header { height: 92px; }

.direction-head h1 { font-size: 16pt; }
.directions-tabs { background-color: #dfecf5; }
.directions-tabs .family-tabs li a { border-bottom: none; text-decoration: underline; }
.directions-tabs .family-tabs li.selected a { text-decoration: none; }

div.series-pointer { position: absolute; width: 40px; height: 7.4em; top: 50%; border-left: solid 1px #9fc7e1; z-index: 100; margin-left: -30px; }
div.series-pointer ins { position: absolute; width: 40px; height: 10px; background: url(/images/series-pointer.gif) no-repeat; left: -1px; font-size: 0; line-height: 0; }
div.series-pointer ins.top { top: 0; }
div.series-pointer ins.bottom { background-position: 0 -10px; bottom: -1px; }
#series-chooser { min-height: 80px; padding-top: 2em; overflow: visible; font-size: 8pt; line-height: 1; }
#series-chooser.series-empty { min-height: 2px; padding-top: 0; }
#series-chooser.series-empty ul.series { display: none; }
* html #series-chooser { height: 80px; }
* html #series-chooser-empty { height: 2px; }

ul.series { font-size: 8pt; line-height: 1; }
ul.series li { position: relative; float: left; margin-top: 23px; margin-right: 20px; white-space: nowrap; z-index: 20; }
ul.series li img { display: none; }
ul.series li a { text-decoration: none; color: #000000; border-bottom: dashed 1px #000000; outline: none; padding: 0; cursor: pointer; }
ul.series li a:hover { color: #0069af !important; border-color: #0069af; }
ul.series li span { display: block; background-image: none; background-repeat: repeat-x; padding: 9px 0 8px 0; overflow: visible; }
ul.series li span ins { position: absolute; display: none; width: 8px; height: 67px; background-image: none; background-repeat: no-repeat; top: 0; right: 0; }
ul.series li.selected { margin-top: 0; min-width: 200px; }
ul.series li.selected img { display: inline; float: left; margin-top: -38px; }
ul.series li.selected a { color: #ffffff; border-bottom: none; padding: 0 20px 0 0; cursor: default; }
ul.series li.selected a:hover { color: #ffffff !important; }
ul.series li.selected span { padding: 32px 0 30px 0; }
ul.series li.selected a:hover { color: #ffffff; }
ul.series li.selected ins { display: block; }
ul.series li.selected span s { position: absolute; display: block; width: 20px; height: 11px; bottom: -5px; left: 50%; background: url(/images/series-arrow.png) no-repeat; font-size: 0; //bottom: -4px; }

ul.series li.selected span.office { background-image: url(/images/series/bg-office.png); }
ul.series li.selected span.office ins { background-image: url(/images/series/corner-office.png); }
ul.series li.selected span.office s { background-color: #66bfeb; }

ul.series li.selected span.blue { background-image: url(/images/series/bg-blue.png); }
ul.series li.selected span.blue ins { background-image: url(/images/series/corner-blue.png); }
ul.series li.selected span.blue s { background-color: #0978bf; }

ul.series li.selected span.orange { background-image: url(/images/series/bg-orange.png); }
ul.series li.selected span.orange ins { background-image: url(/images/series/corner-orange.png); }
ul.series li.selected span.orange s { background-color: #eeaa00; }

ul.series li.selected span.green { background-image: url(/images/series/bg-green.png); }
ul.series li.selected span.green ins { background-image: url(/images/series/corner-green.png); }
ul.series li.selected span.green s { background-color: #9fdd23; }

ul.series li.selected span.red { background-image: url(/images/series/bg-red.png); }
ul.series li.selected span.red ins { background-image: url(/images/series/corner-red.png); }
ul.series li.selected span.red s { background-color: #fe3c4c; }

ul.series li.selected span.screen_os { background-image: url(/images/series/bg-screen_os.png); }
ul.series li.selected span.screen_os ins { background-image: url(/images/series/corner-screen_os.png); }
ul.series li.selected span.screen_os s { background-color: #7cd6f7; }

ul.series li.selected span.junos { background-image: url(/images/series/bg-junos.png); }
ul.series li.selected span.junos ins { background-image: url(/images/series/corner-junos.png); }
ul.series li.selected span.junos s { background-color: #96bffe; }

ul.series li.all { min-width: 162px; margin-top: 22px; margin-left: -21px; }
ul.series li.all span { border: solid 1px #9fc7e1; padding: 9px 0 9px 20px; }
ul.series li.all a { color: #71ab36; border-bottom: none; padding: 0 20px 0 0; }
ul.series li.all a:hover { color: #71ab36 !important; }
ul.series li.all ins { position: absolute; z-index: 10; line-height: 1px; font-weight: 1px; display: block; background: url(/images/rounded.gif) no-repeat; width: 10px; height: 10px; overflow: hidden; }
ul.series li.all span s { left: 30px; bottom: -10px; background: url(/images/series-arrow-b.gif) white no-repeat !important; }
ul.series li.all.selected ins.tl { top: 0; left: 0; background-position: 0 -60px; }
ul.series li.all.selected ins.tr { top: 0; right: 0; background-position: -10px -60px; }
ul.series li.all.selected ins.bl { bottom: 0; left: 0; background-position: 0 -70px; }
ul.series li.all.selected ins.br { bottom: 0; right: 0; background-position: -10px -70px; }

ul.series li#old_products_tab { position: absolute; left: 76%; margin-left: -7px; }
ul.series li#old_products_tab.selected { min-width: 0; margin-left: -17px; }
ul.series li#old_products_tab.selected a { position: relative; padding: 5px 10px; background-color: #e10015; }
ul.series li#old_products_tab.selected s { background: url(/images/arrow-series-down.gif) no-repeat; width: 11px; height: 6px; margin-left: -10px; bottom: -6px; }

* html ul.series li.selected span s { bottom: -5px; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/series-arrow.png, enabled=true, sizingMethod=crop); }
* html ul.series li.all { width: 164px; }
* html ul.series li.all.selected ins.bl,
* html ul.series li.all.selected ins.br { bottom: expression( (this.parentNode.parentNode.offsetHeight % 2) ? -1 : 0 ); }
* html ul.series li.all span s { bottom: expression( (this.parentNode.parentNode.offsetHeight % 2) ? -11 : -10 ); }

#families { clear: left; padding-top: 20px; margin-left: 80px; margin-right: 20px; }
#family-list-wrapper { position: relative; overflow: hidden; width: 100%; padding-bottom: 10px; }
#families .fade { position: absolute; width: 50px; height: 100%; right: 0; background: url(/images/series-fade.png) repeat-y; z-index: 10; display: none; }
* html #families .fade { background: none; }

.family-list { width: 10000px; }
.family-list div.family-group { float: left; padding-right: 40px; }
.family-list div.family { position: relative; border: solid 1px #ffffff; padding: 25px 30px; margin-right: 21px; }
.family-list div.family p { margin: 0.7em 0 0 160px; line-height: 1.5; width: 70%; }
.family-list div.family a.thumb { display: block; width: 160px; float: left; margin-top: 0.3em; }
.family-list div.family a.name { display: block; font-size: 16pt; line-height: normal; }
.family-list div.family p.category { font-size: 8pt; margin: 0; margin-bottom: 0.4em; }
.family-list div.family p.category a { color: #808080; }
.family-list div.family span.framed { display: block; clear: left; }
.family-list div.family span.framed ins { display: none; }
.family-list div.family:hover { border-color: #c4c4c4 !important; }
.family-list div.family:hover span.framed ins { display: block; }

/* ----------------------------------------------- */

#FamilyContainer td.pad { padding-right: 20px; }
#family-content-wrapper h2 { color: #808080; font-size: 12pt; font-weight: bold; margin: 0 0 0 30px; line-height: normal; }
#family-content-wrapper h3 { font-size: 9pt; color: #b4875b; margin-bottom: 1em; font-weight: normal; }

#data-wrapper { clear: both; }

div.family-header { position: relative; background-color: #0069af; color: #ffffff; overflow: hidden; min-height: 110px; max-height: 370px; width: 100%; }
div.family-header.hidden { display: none; }
div.family-header div.measurer { position: relative; width: 1px; height: 370px; }
div.family-header div.splash { position: absolute; width: 100%; height: 370px; top: 0; left: 0; background: url(/images/family_splash_blank.jpg) #0069af no-repeat 25% 0; }
div.family-header div.splash img { position: absolute; left: 20%; top: 50px; margin-left: 160px; }
div.family-header h2 { font-size: 26pt !important; padding-top: 6px; /*margin: 0.7em 0 0 20px;*/ margin: 24px 0 0 20px; }
div.family-header h1 { /*margin: 2.2em 60px 20px 30px;*/ margin: 46px 60px 20px 30px; color: #ffffff; font-size: 16pt; width: 50%; }
div.family-header p.data, div.family-header ul.data { font-size: 8pt; margin-left: 35px; width: 38%; max-width: 30em; color: #000000; }
div.family-header p.data { margin-left: 31px; }
div.family-header ul.data li { padding-bottom: 1em; }
div.family-header.simple {  }
div.family-header.simple div.measurer { position: relative; height: 105px; }
div.family-header.simple h1 { margin-top: 1.2em; margin-bottom: 25px; }
/** html div.family-header { height: 110px; }*/

.tabs-wrapper { position: relative; background-color: #dfecf5; min-height: 40px; }
* html .tabs-wrapper { height: 40px; }

ul.family-tabs { font-size: 9pt; padding: 0 30px; }
ul.family-tabs li { position: relative; padding: 11px 0 13px 0; float: left; margin-right: 3em; }
ul.family-tabs li a { text-decoration: none; border-bottom: dashed 1px; outline: none; }
ul.family-tabs li a:hover { color: #000000 !important; }
ul.family-tabs li a:visited { color: #0069af; }
ul.family-tabs li.selected { background: url(/images/arrow-tab.gif) no-repeat bottom center; }
ul.family-tabs li.selected { color: #71ab36; cursor: default; }
ul.family-tabs li.selected a { color: #71ab36 !important; border-bottom: none; }
ul.family-tabs li ins { position: absolute; display: none; width: 16px; height: 16px; background: url(/images/ajax-loader.gif) no-repeat; top: 13px; right: -20px; }
ul.family-tabs li.loading ins { display: block; }
ul.family-tabs li.hidden { display: none; }

table.family-data { position: relative; width: 100%; z-index: 100; }
table.family-data td[odd='yes'],
table.family-data th[odd='yes'] { background-color: #f2f2f2; }
table.family-data thead td { vertical-align: bottom; padding: 14px 20px; }
table.family-data thead tr.platforms th { width: 35.8%; width: 35.5%; padding: 0; text-align: left; padding-top: 20px; }
table.family-data thead tr.platforms th h2 { width: 309px; }
table.family-data thead tr.platforms td { font-size: 12pt; font-weight: bold; min-width: 160px; line-height: normal; padding: 20px; padding-bottom: 6px; width: 20.6%; }
table.family-data thead tr.platforms td.selected { color: black; background-color: #f2f2f2; }
table.family-data thead tr.platforms td.selected div.borders { display: block !important; }
table.family-data thead tr.platforms td.disabled { color: #808080; }

table.family-data div.borders { position: relative; width: 100%; z-index: 200; display: none; }
table.family-data div.borders div.border { position: absolute; border-left: solid 1px #cccccc; width: 1px; height: 100%; top: -20px; }
table.family-data div.borders div.lt { left: -21px; }
table.family-data div.borders div.rt { right: -21px; }
table.family-data div.borders div.corners { position: absolute; height: 16px; background: white; width: 100%; margin-top: -20px; z-index: 300; }
table.family-data div.borders div.corners ins { position: absolute; width: 21px; height: 16px; background: url(/images/platform-corners-top.gif) no-repeat; z-index: 100; }
table.family-data div.borders div.corners ins.l { left: -21px; bottom: 0; background-position: 0 0; }
table.family-data div.borders div.corners ins.r { right: -20px; bottom: 0; background-position: -21px 0; }
table.family-data div.borders div.corners s { position: absolute; width: 100%; display: block; height: 9px; border-top: solid 1px #cccccc; bottom: 0; background: #f2f2f2; }
table.family-data div.borders div.pipe { position: absolute; height: 32px; background: #f2f2f2; width: 100%; margin-top: -20px; z-index: 300; }
table.family-data div.borders div.pipe ins { position: absolute; width: 32px; height: 32px; background: url(/images/platform-corners-pipe.gif) no-repeat; z-index: 110; bottom: 0;}
table.family-data div.borders div.pipe ins.l { left: -32px; background-position: 0 0; }
table.family-data div.borders div.pipe ins.r { right: -31px; background-position: -32px 0; }
table.family-data div.borders div.pipe ins.r2 { right: -20px; background: #f2f2f2; height: 40px; bottom: -9px; border-right: solid 1px #cccccc; }

table.family-data thead tr.thumbs td { padding-bottom: 0; }
table.family-data thead tr.thumbs td a { position: relative; display: block; outline: none; cursor: pointer; width: 150px; }
/* table.family-data thead tr.thumbs td a.zoom span { position: absolute; left: 150px; bottom: 0; } */
table.family-data thead tr.thumbs td a.zoom span { display: block; position: relative; bottom: 0; }
table.family-data thead tr.thumbs td a.zoom span ins { position: absolute; width: 18px; height: 18px; overflow: hidden; left: 150px; bottom: -7px; background: url(/images/i-zoom.png) no-repeat; z-index: 10; }
table.family-data thead tr.thumbs td a.zoom:hover span ins { background-position: -18px 0; }
table.family-data thead tr.thumbs td img.one { display: block; }
table.family-data thead tr.thumbs td img.two { display: none; opacity: 0.7; /* //filter: alpha(opacity=70); */ -moz-opacity: 0.7; }
table.family-data thead tr.thumbs td.disabled a:hover span.zoom ins { background-position: 0 0; }
table.family-data thead tr.thumbs td.disabled a { cursor: pointer; //cursor: hand; }
table.family-data thead tr.thumbs td.disabled img.one { display: none; }
table.family-data thead tr.thumbs td.disabled img.two { display: block; }
table.family-data thead tr.thumbs td.enabled { background-color: #f2f2f2; }
table.family-data thead tr.thumbs td.enabled a.zoom span { display: block !important; }
table.family-data thead tr.thumbs td.selected a.zoom { cursor: default; }
table.family-data thead tr.thumbs td.selected a.zoom span ins { background-position: -36px 0 !important; }
* html table.family-data thead tr.thumbs td a.zoom span ins { bottom: 3px; }
* html table.family-data thead tr.thumbs td a.zoom span ins,
* html table.family-data thead tr.thumbs td.disabled a.zoom:hover span ins { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/i-zoom.png, enabled=true, sizingMethod=crop); }
* html table.family-data thead tr.thumbs td a.zoom:hover span ins { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/i-zoom-a.png, enabled=true, sizingMethod=crop); }

table.family-data thead tr.links td.selected { background-color: #f2f2f2; }

table.family-data thead.platforms_selector tr.thumbs td a.zoom span { display: none; }
table.family-data thead.platforms_selector tr.thumbs td.noprice a.zoom span { display: block; }
table.family-data thead.photos_selector tr.platforms td { background: none !important; }
table.family-data thead.photos_selector div.borders div.border { margin-top: -1px; }
table.family-data thead.photos_selector div.borders div.pipe { background: white; margin-top: -25px; }
table.family-data thead.photos_selector div.borders div.pipe ins { width: 20px; background: white; }
table.family-data thead.photos_selector div.borders div.pipe ins.l { left: -20px; }
table.family-data thead.photos_selector div.borders div.pipe ins.r { right: -19px; }
table.family-data thead.photos_selector tr.links td { padding-bottom: 24px; }

table.family-data thead tr.prices th,
table.family-data thead tr.prices td { vertical-align: middle; padding: 0; padding-bottom: 20px; line-height: 1; }
table.family-data thead tr.prices th { font-weight: normal; color: #808080; text-align: left; }
table.family-data thead tr.prices a { text-decoration: none; border-bottom: dashed 1px; outline: none; cursor: pointer; }
table.family-data thead tr.prices div { position: relative; background: #def0b6; padding: 0.5em 20px; padding-bottom: 0.6em; }
table.family-data thead tr.prices div ins { position: absolute; width: 12px; height: 12px; background: url(/images/price-corners.gif); z-index: 10; }
table.family-data thead tr.prices div ins.tl { top: 0; left: 0; background-position: 0 0; }
table.family-data thead tr.prices div ins.bl { bottom: 0; left: 0; background-position: 0 -12px; }
table.family-data thead tr.prices div ins.tr { top: 0; right: 0; background-position: -12px 0; }
table.family-data thead tr.prices div ins.br { bottom: 0; right: 0; background-position: -12px -12px; }
table.family-data thead tr.prices th div { width: 5em; float: right; padding-left: 30px; background-image: url(/images/price-tag.gif); background-repeat: no-repeat; background-position: 10px center; }
table.family-data thead tr.prices th div span { font-size: 8pt; }
table.family-data thead tr.prices td div a.close { position: absolute; width: 20px; height: 20px; background: url(/images/i-close-platform.gif) no-repeat 0 0; top: 50%; right: 14px; border: none; margin-top: -10px; cursor: pointer !important; display: none; outline: none; }
table.family-data thead tr.prices td div a.close:hover { background-position: -20px 0; }
table.family-data thead tr.prices td.selected { background-color: #f2f2f2; }
table.family-data thead tr.prices td.selected div { background: #d9d9d9; font-weight: bold; }
table.family-data thead tr.prices td.selected div a { color: black; border: none; cursor: text; }
table.family-data thead tr.prices td.selected div a.close { display: block; }
table.family-data thead tr.prices td.selected div ins.tr,
table.family-data thead tr.prices td.selected div ins.br { display: none; }

table.family-data tbody.overview.disabled td,
table.family-data tbody.overview.disabled th { opacity: 0.4; }
table.family-data tbody.overview { border-bottom: none; }
table.family-data tbody.overview strong { font-weight: bold; }
table.family-data tbody.overview td[odd='yes'] { background-color: transparent; }
table.family-data tbody.overview tr td.selected { background: #f2f2f2; opacity: 1 !important; }

table.family-data tbody { font-size: 9pt; border-bottom: solid 1px #cccccc; }
table.family-data tbody tr th,
table.family-data tbody tr td { vertical-align: top; padding: 8px 20px 7px 20px; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; }
table.family-data tbody tr:hover th,
table.family-data tbody tr:hover td { background: #f5f4ca !important; }
table.family-data tbody tr th { text-align: left; }
table.family-data tbody tr th strong { display: block; padding: 0 10px; font-weight: normal; }
table.family-data tbody .footnote { margin-top: -0.3em; position: absolute; padding-left: 0.2em; }
table.family-data tbody s { font-size: 1.5em; line-height: 1; text-decoration: none; color: #71ab36; }
table.family-data tbody s span.help-btn { //margin-top: 0.32em; }

/*table.family-data tbody s { display: block; display: inline-block; background: url(/images/spec-bullet.gif) no-repeat 0 50%; width: 1em; text-decoration: none; }
table.family-data tbody s span.help-btn { margin-left: 1.2em; }*/
table.family-data tr td table { width: 100%; }
table.family-data tr td table tbody { border: none; }
table.family-data tr td table td { padding: 0; border: none; }
table.family-data tr td table td.i { padding-left: 30px; width: 1%; }

table.family-data tbody.header tr th { font-weight: normal; color: #808080; font-size: 8pt; }

table.family-data tbody.group tr.title th { padding-left: 30px; color: #b4875b; font-weight: normal; }
table.family-data tbody.group tr th strong { padding-left: 30px; }

table.family-data tbody tr.modules td strong { position: relative; display: block; }
table.family-data tbody tr.modules td span { font-size: 8pt; }
table.family-data tbody tr.modules td span small { font-size: 8pt; color: #808080; }
table.family-data tbody tr.modules td ins.instock,
table.family-data tbody tr.modules td ins.outstock,
table.family-data tbody tr.modules td ins.reservation { float: none; margin-top: 0px; /* position: absolute; right: 0; top: -1px; //top: -2px; float: none;*/ }
table.family-data tbody tr.modules td span.help-btn { font-weight: normal; }
* html table.family-data tbody tr.modules td ins { right: 20px !important; }

table.family-data tfoot ins.legend-pointer { float: right; margin: 10px 20px 0 0; }
table.family-data tfoot div.legend { float: none; top: -1px; left: 20px; }
table.family-data tfoot td.onecolumn div.legend { width: auto; }
table.family-data tfoot div.legend ins.pointer { display: none; }
* html table.family-data tfoot div.legend { left: -80px; }

tr#models-switcher td, tr#models-switcher th { font-size: 8pt; border-bottom: none; border-top: none; }
tr#models-switcher td { padding-top: 18px; background: none; }
tr#models-switcher:hover td,
tr#models-switcher:hover th { background: none !important; }
tr#models-switcher td a { position: relative; display: block; text-decoration: none; outline: none; cursor: pointer; padding-bottom: 40px; }
tr#models-switcher td a span { border-bottom: dashed 1px #0069af; }
tr#models-switcher td ins { position: absolute; width: 7px; height: 9px; background: url(/images/model-arrows.gif) no-repeat; margin: 0.41em 0 0 0.7em; //margin-top: 0.31em; }
tr#models-switcher td a:hover span { border-color: #000000; }
tr#models-switcher td a:hover ins { background-position: -7px 0; }
tr#models-switcher td.selected { background: white !important; }
tr#models-switcher td.selected a,
tr#models-switcher td.selected a:hover { color: #71ab36 !important; cursor: default; }
tr#models-switcher td.selected span { border: none; }
tr#models-switcher td.selected ins,
tr#models-switcher td.selected a:hover ins { background-position: -14px -1px; }
/* * html tr#models-switcher td a { margin-right: 5px; } */

/* ----------------------------------------------- */

div.models { position: relative; background: #f2f2f2; padding: 30px 20px; border: solid 1px #cccccc; margin-top: 30px; display: none; }
div.models h1 { font-size: 10.5pt; margin-left: 10px; margin-bottom: 26px; color: black; font-weight: bold; font-style: italic; }
div.models .comments { margin: 26px 0 0 10px; width: 80%; }
div.models .framed ins { background-image: url(/images/platform-corners.gif); }
div.models .framed ins.tl { background-position: 0 0; }
div.models .framed ins.tr { background-position: -10px 0; }
div.models .framed ins.bl { background-position: 0 -10px; }
div.models .framed ins.br { background-position: -10px -10px; }
div.models .group { position: relative; font-size: 9pt; clear: both; overflow: hidden; }
div.models .group a.title { display: block; color: white; text-decoration: none; background-color: #cccccc; cursor: pointer; margin-bottom: 3px; color: white; padding: 0.5em 10px; }
/* div.models .group a.title { display: block; color: white; text-decoration: none; background-color: #0069af; cursor: pointer; margin-bottom: 3px; color: white; padding: 0.5em 10px; } */
div.models .group a.title:hover { color: white !important; background-color: #9fc7e1 !important; }
div.models .group a.title s { display: block; width: 21px; height: 16px; float: left; background: url(/images/i-group.gif) no-repeat 0 0; }
/* div.models .group a.empty { padding: 0; height: 3px; cursor: default; } */
div.models .group.active a.title { background-color: #9fc7e1; background-color: #cccccc; color: #808080; }
div.models .group.active a.title s { background-position: 0 -16px; }
div.models .group.active a.title:hover s { background-position: 0 -32px; }
div.models .group.selected table { display: table; //display: block; }

div.models .group table { width: 100%; background: white; display: none; margin-bottom: 1px; }
div.models .group table tbody tr:hover td, .group table tbody tr:hover th { background-color: #f5f4ca; }
div.models .group table th, div.models .group table td { padding: 6px 20px; border-bottom: solid 3px #f2f2f2; }
div.models .group table th { padding-top: 7px; text-align: left; white-space: nowrap; width: 20%; }
div.models .group table th:first-child { padding-left: 30px; }
div.models .group table td.descr { font-size: 9pt; }
div.models .group table td.descr p { margin: 0; margin-top: 0.1em; width: 90%; }
div.models .group table td.price { text-align: right; width: 8em; }
div.models .group table td.price span { display: block; }
div.models .group table td.price small { font-size: 8pt; color: #808080; }
div.models .group table td.stock { text-align: center; width: 6em; }
div.models .group table td.stock ins { margin: 0 auto; }
* html div.models .group table th { padding-left: expression(this.nextSibling == null ? '' : '30px'); }

div.models .request { padding: 0 30px; font-size: 9pt; }
div.models .request p { width: 50%; }
div.models .request form { margin-top: 2em; }
div.models .request form .row { width: 50%; }
div.models .request form .left { float: left; clear: none; }
div.models .request form .clear { margin-bottom: 1em; }
div.models .request form .row .label { width: 26%; }
div.models .request form .row .field { width: 64%; padding-left: 26%; }
div.models .request form .type_submit { margin-top: 2em; }
div.models .request form .required i.icon,
div.models .request form .required-ok i.icon { right: 33px !important; }
div.models h1.break { margin-top: 30px; }

/* ----------------------------------------------- */

div.documents { clear: both; margin-top: 4em; }
/*div.documents h3 { clear: left; font-size: 10.5pt !important; background: url(/images/d-l.gif) repeat-x 50%; padding-left: 20px; margin-bottom: 30px !important; text-align: center; }
div.documents h3 span { background-color: #ffffff; padding: 0 10px; }
div.documents div.file-list { padding-left: 50px; margin-bottom: 40px; }
div.file-list div.file { float: left; width: 30%; margin-right: 5em; }*/
div.documents h3 { clear: left; padding-left: 30px; font-size: 10.5pt !important; }
div.documents div.file-list { padding-left: 50px; margin-bottom: 2em; width: 76%; font-size: 9pt; }
div.file-list div.file { float: left; width: 35%; margin-right: 5em; }

/* ----------------------------------------------- */

ul.photos { position: relative; border-top: solid 1px #bfbfbf; padding: 60px 0 0 27px; margin-top: -1px; z-index: 1; }
ul.photos p { margin-bottom: 3em; }
ul.photos p span { margin-top: 6px; display: block; font-size: 8pt; color: #b4875b; }
ul.photos li { display: none; }
ul.photos li.selected { display: block; }

div#close-photos { position: absolute; padding-left: 45px; font-size: 8pt; z-index: 100; margin-top: -42px; }
div#close-photos a { color: #000000; }
div#close-photos a ins { position: absolute; display: block; width: 20px; height: 95%; line-height: 1; margin-top: 0.1em; margin-left: -20px; background: url(/images/i-close.gif) no-repeat 0 50%; cursor: pointer; //cursor: hand; }
div#close-photos a:hover { color: #e10015 !important; }
div#close-photos a:hover ins { background-position: -20px 50%; }

/* ----------------------------------------------- */

div.footnotes { font-size: 8pt; color: #999999; margin: 1.2em 0; }
div.footnotes p { margin: 0; clear: left; margin-bottom: 0.6em; }
div.footnotes p strong { display: block; float: left; width: 36%; text-align: right; padding-left: 1.2em; }
div.footnotes p span { display: table; width: 50%; padding-left: 0.7em; }
div.footnotes .footnote { margin-top: -0.1em; }

table.family-bottom { position: relative; clear: both; margin-top: 1.5em; width: 100%; table-layout: fixed; font-size: 9pt; }
table.family-bottom td { padding-left: 30px; padding-top: 20px; }
table.family-bottom.wide td { padding-right: 50px; }

/* div.documents-box div.files { padding-left: 2.5em; } */
div.links-box { margin-right: 60px; }
div.links-box ul { margin-left: 0; padding-left: 1.2em; /* margin-left: 1.1em; */ }
div.links-box ul li { margin-bottom: 0.5em; }

div.attention { font-size: 9pt; background: url(/images/i-attention.gif) no-repeat 6px 0.6em; padding-left: 30px; padding: 0.5em 0 0.5em 30px; margin-bottom: 20px; margin-bottom: 18px; }
div.attention span { color: #e10015; }