@import "reset.css";


/* Layout */
body { background: #000 url('../images/body_bg.jpg') repeat-x; color: #adb8c8; }
body, td, th, textarea, input, dt, dt { font: 11px/16px verdana, sans-serif; line-height: 16px; }

#wrapper { width: 900px;  }
#container { position: relative; }

/*.sIFR-alternate { display: none; }
.sIFR-hasFlash div#content  h1 { font-size: 25px; height: 25px; line-height: 28px;  color: #404751;}
.sIFR-hasFlash div#content  h2 { font-size: 17px; height: 17px; line-height: 20px; }
.sIFR-hasFlash div#content h2.doubleLine { height: 38px; }*/

div#content  h1 { font-size: 22px;  line-height: 28px;  color: #FFF; text-transform: uppercase}
div#content  h2 { font-size: 14px;  line-height: 20px; color: #FFF; }


/*.sIFR-hasFlash div#content  h3 { font-size: 11px; line-height: 16px; height: 16px;}*/
.sIFR-hasFlash embed, .sIFR-hasFlash h1 object, .sIFR-hasFlash h2 embed, .sIFR-hasFlash h2 object { position: absolute;}


hr { height: 1px; border-bottom: 0; border-top: 1px solid #A3AEBD; margin: 15px 0;}

/* - Header */
#header { background: url('../images/header_bg.jpg') no-repeat; height: 126px; border-bottom: 1px solid #000 }
#header p.solex { width: 164px; position: absolute; left: 0; top: 28px; }
#header p.solex a { text-indent: -9999px; overflow: hidden; display: block;  height: 81px; background: url('../images/solex_thermal_science.jpg');}

.en p.world_leaders { text-indent: -9999px; overflow: hidden; background: url('../images/en/t_en_world_leaders.jpg'); width: 434px; height: 15px; position: absolute; left: 179px; top: 63px; }
.de p.world_leaders { text-indent: -9999px; overflow: hidden; background: url('../images/de/worldleaders.jpg') no-repeat; width: 566px; height: 15px; position: absolute; left: 179px; top: 63px; }
.es p.world_leaders  { text-indent: -9999px; overflow: hidden; background: url('../images/esp/misc/worldleaders.png') no-repeat; width: 314px; height: 35px; position: absolute; left: 179px; top: 53px; }
.fr p.world_leaders  { text-indent: -9999px; overflow: hidden; background: url('../images/fr/misc/worldleaders.gif') no-repeat; width: 484px; height: 32px; position: absolute; left: 179px; top: 53px; }
.ru p.world_leaders  { text-indent: -9999px; overflow: hidden; background: url('../images/ru/misc/worldleaders.gif') no-repeat; width: 484px; height: 32px; position: absolute; left: 179px; top: 55px; }

/* Common menu roll over states */
ul#languages a, div#smalltopmenu a, div#topmenu a { display: block; float: left; overflow: hidden; text-indent: -9999px; }
ul#languages a:hover, div#smalltopmenu a:hover { background-position: 0 -17px; }
div#topmenu a:hover { background-position: 0 -27px; }

div#topmenu li, ul#smalltopmenu li, ul#languages li { float: left; }

/* Languages Menu */
ul#languages { position: absolute; right: 21px; top: 14px; display: block;}
ul#languages a { height: 17px; }

li.english a { width: 44px; background: url('../images/ml_english.gif') no-repeat; }
li.deutsch a { width: 53px; background: url('../images/ml_deutsch.gif') no-repeat; }
li.francais a { width: 55px; background: url('../images/ml_francais.gif') no-repeat;}
li.portuguese a { width: 68px; background: url('../images/ml_portuguese.gif') no-repeat; }
li.espanol a { width: 52px; background: url('../images/ml_espanol.gif') no-repeat; }
li.russian a { width: 51px; background: url('../images/ml_russian.gif') no-repeat; }

ul#languages a:hover { background-position: 0 0;}

/* - Small Top Menu  */
.en div#smalltopmenu { position: absolute; left: 761px; top: 79px; width: 150px;}
.en div#smalltopmenu a {  height: 16px;  }

.en div#smalltopmenu li.contact_solex a { width: 80px; background: url('../images/en/ms_en_contact_solex.jpg'); }
.en div#smalltopmenu li.contact_solex a:hover {background-position: 0 -17px; }
.en li.home a { width: 41px; background: url('../images/en/ms_en_home.jpg'); }



/* - Top Menu */
div#topmenu a { height: 27px; }

/* Left Bar Titles */
div.section {margin: 0 -8px 0 -6px; text-indent: -999px; overflow: hidden; height: 43px; border-bottom: 1px solid #2b2f35; }

/* - Content */
div#content_layout { clear: both; }

div.breadcrumb { height: 21px; font-size: 10px;  margin: -25px -15px 25px -14px; padding: 22px 0 0 14px; overflow: hidden; border-bottom: 1px solid #2b2f35; background: #1b1e22; }
div.breadcrumb div { margin: 0; padding: 0; }
div#content div.breadcrumb, div#content-products div.breadcrumb { color: #FFF;}
div#content div.breadcrumb a, div#content-products div.breadcrumb a { text-decoration: none; color: #e99d3a; }
div#content div.breadcrumb a:hover, div#content-products div.breadcrumb a:hover { color: #FFF; text-decoration: underline;}

/* - Columns */
div#content_layout { background: url('../images/content_layout_bg.gif') repeat-y; margin-left: 7px; }
div#content { width: 641px; margin-right: 8px; float: right; padding: 25px 15px; min-height: 350px; height: 350px; height: auto !important; }

div#product_layout { margin: -12px -3px -29px -1px;}

div#sidebar { width: 198px; float: left; padding: 0 7px 25px; }




/* - Footer */ 
#sub div#footer { background: url('../images/sub_footer_bg.gif') no-repeat; }
#home div#footer { background: url('../images/home_footer.gif') no-repeat; }

div#footer { margin: 0 6px 0 7px; padding: 20px 3px 0 3px; font-size: 9px; height: 30px; }
div#footer strong { color: #FFF;}
div#footer address { float: left; font-style: normal; }
div#footer p.copyright { float: right; }

div#footer-links { padding-top: 15px; clear:both; }
div#footer-links a { color: #adb8c8; text-decoration: none; font-size: 9px;}


/* Text Styles */

.hidden { display: none; visibility: hidden; }
.clear { clear: both; }
#content a, #footer a { color: #FFF; }
#content a:hover, #footer a:hover {  color: #e99d3a; }

#content p { margin: 0 0 8px 0;}

#content h1 { margin: 0 0 10px 0; font: 22px/34px verdana, sans-serif;  font-weight: bold; color: #4B535D; }
#content h2 { margin: 22px 0 12px 0; font: 16px/24px verdana, sans-serif; line-height: 24px;  font-weight: bold; color: #404751; ;}
#content h3 { color: #FFF; font-weight: bold; font-size: 13px; line-height: 16px; margin: 16px 0 4px 0;}
#content h4 { color: #FFF; font-weight: bold; font-size: 11px; line-height: 16px; margin: 0 0 4px 0;}
#content h5 { color: #FFF; font-weight: bold; font-size: 10px; line-height: 16px; margin: 0 0 4px 0;}

#content strong { font-weight: bold; color: #FFF;}
#content em { font-style: italic; } 

#content ul, #content ol { margin: 0 0 8px 0;}
#content ul li { list-style-type: disc; list-style-position: outside; margin: 0 0 0 15px;}
#content ul li li { list-style-type: circle; }
#content ol li { list-style-type: decimal; list-style-position: outside; margin: 0 0 0 15px;}
#content ol li li { list-style-type: lower-alpha; }

#content a.file { font-weight: bold; display: block; margin: 0 0 10px 0;}
#content img.border { border: 1px solid #000; }

#content img.inset { float: right; display: block; margin: 0 0 25px 25px; }

/* Form Styles */

#content label { display: block; color: #FFF; font-size: 10px; font-weight: bold; }
#content fieldset { padding: 15px;  background: #404751;  border-bottom: 1px solid #6B7583; width: 606px; }
#content fieldset h2 { margin: 0 0 10px 0; font-size: 13px;}
#content input.field, #content textarea.field { border: 1px solid #000;}
#content input.full, #content textarea.full { width: 400px; }
#content input.half, #content textarea.half { width: 190px; }
#content form { margin: 0; padding: 0; }
#content form p.block { clear: both;}
#content form p.half { float: left; width: 210px;  }
#content textarea.field { height: 150px;}

#content div.request { margin: 0 0 -4px 0; }

#content p.buttons { margin: 10px 0 0;}

/* Layout Styles */

img.frimg { float: right; margin: 0 0 15px 25px;}

#content div.events h4 { margin: 15px 0 5px;}

#content table.data { width: 100%; margin: 15px  0 15px 0; border-top: 1px solid #000; border-left: 1px solid #000;}
#content table.data td, #content table.data th { padding: 2px 4px; border-right: 1px solid #000; border-bottom: 1px solid #000;}
#content table.data th { background: #5E6875; color:#FFF; font-weight: bold; text-align: left; }
#content table.data tr.alt td, #content table.events tr.alt td { background: #444B55; }
#content table.data tr.alt th { background: #5A636F; }
#content table.data td.half, #content table.data th.half { width: 50%;}
#content table.data td.third, #content table.data th.third { width: 33%;}
#content table.data td.quarter, #content table.data th.quarter { width: 25%;}
#content table.data th.highlight { background: #343A42; color: #FFF; }
#content table.data td.highlight { background: #1B1E22; color: #FFF; }
#content table.data tr.alt td.highlight { background: #21252A; color: #FFF; }

#content table.applications { width: 636px;  border-collapse: collapse;   }
#content table.applications a, #content table.applications img { display: block; }
#content table.applications td { padding: 0; border: 0;  }

#content table.library { }
#content table.library td { padding: 0 15px 15px 0; }
#content table.library a { text-decoration: none;}
#content table.library a img { border: 0; }

#content table.layout { width: 100%; border: 0; border-collapse: collapse;  }
#content table.layout td { padding: 0; vertical-align: top; }
#content table.layout td.half { width: 50%; }


#content table.events { border-left: 1px solid #000; border-top: 1px solid #000; }
#content table.events td { vertical-align: top; padding: 5px 10px; border-bottom: 1px solid #000;border-right: 1px solid #000; }
#content table.events h3 { margin: 0 0 5px; }
#content table.events td.quarter { background: #FFF; text-align: center; padding: 5px; vertical-align: middle; }
#content table.events tr.alt td.quarter { background: #FFF; text-align: center; padding: 5px; vertical-align: middle; }

#content div#toc { padding: 0 5px 5px 10px; margin: -10px 0 15px 15px;  border: 1px solid #000; background: #3E444D; float: right; width: 150px; }
#content div#toc p { color: #FFF; text-align: center; font-size: 10px;  background: #000; margin: 0 -5px 10px -10px; padding: 1px 3px;}
#content div#toc li { margin-bottom: 7px; line-height: 12px;}
#content div#toc a { text-decoration: none; }

#content table.pdetails td { padding: 10px 0 0; vertical-align: top;}
#content table.pdetails td.pdtext { padding-right: 25px; }

#content sup { font-size: 10px; }
#content h1 sup { font-size: 14px; }

#content table.phome { width: 570px; margin-top: 20px;}
#content table.phome td { vertical-align: top; }
#content table.phome td.ptext { padding: 15px 95px 15px 0;  line-height: 16px; }

#content li.pdf a { text-decoration: none; height: 18px; display: block; vertical-align: middle; background: url('../assets/images/en/icon-pdf.gif') 0 4px no-repeat; padding: 5px 0 5px 30px; }
#content li.pdf {  list-style: none; margin: 5px 0 5px 10px; }
#content li.pdf a.double { padding-bottom: 10px;}

#content div.box .item-list li { list-style: none; display: inline; margin: 0 10px 0 0;}

#content p.product { font-size: 18px; color: #FFF; font-weight: bold; margin: 15px 0; text-align:left;}
#content span.small { font-size: 10px; font-weight: normal;}
ul.tips { display: none; }

.sIFR-hasFlash .en div#content h2.howitworks { clear: both; background: #000 url('../images/en/h2_howitworks.gif') no-repeat; text-indent: -9999px; overflow: hidden; height: 22px; margin: 0;}
.sIFR-hasFlash .de div#content h2.howitworks { clear: both; background: #000 url('../assets/images/de/titles/hd-howitworks.gif') no-repeat; text-indent: -9999px; overflow: hidden; height: 22px; margin: 0;}
.sIFR-hasFlash .es div#content h2.howitworks { clear: both; background: #000 url('../assets/images/esp/titles/hd-howItWorks.gif') no-repeat; text-indent: -9999px; overflow: hidden; height: 22px; margin: 0;}
.sIFR-hasFlash .fr div#content h2.howitworks { clear: both; background: #000 url('../assets/images/fr/titles/hd-howItWorks.gif') no-repeat; text-indent: -9999px; overflow: hidden; height: 22px; margin: 0;}

#content table.howitworks td { background: #404751; vertical-align: top; border-bottom: 1px solid #6b7583;}
#content table.howitworks td.howtext { padding: 15px; }
#content table.howitworks p.hownum img { float: left; margin: 0 10px 0 -45px;  }
#content table.howitworks p.hownum {  padding-left: 45px; margin: 0 0 10px 0; }

div#body_fadeout { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 100;
	filter:alpha(opacity=80);
  	-moz-opacity: 0.8;
  	opacity: 0.8; 
}

#content div.whyitsbetter { display: none; z-index: 102; position: fixed; top: 180px; left: 296px; background: #343A42; border: 1px solid #6b7583; width: 490px; padding: 15px;  }
#content div.whyitsbetter h3 { overflow: hidden; text-indent: -9999px; background: #FFF url('../images/en/whyitsbetter.gif') no-repeat; margin: -15px -15px 15px; height: 22px;}
#content table.howitworks p.hownum img.better_button  { cursor: pointer; margin: 3px 0 0px; float: none; }

#content div.whyitsbetter img.close_button, #content div.details-box img.close_button { position: absolute; top: 6px; right: 6px; cursor: pointer;  }

#content div.content_area h3 { margin: 0 -10px 20px; }
#content div.content_area { background: #404751; padding: 0 10px 10px; width: 616px; border-bottom: 1px solid #6B7583; }
#content img.content_title { display: block; margin: 0; width: 636px; height: 22px; overflow: hidden; }


#content div.app_content_area h3 { margin: 0 }
#content div.app_content_area { background: #404751; padding: 0; width: 636px; overflow: hidden; border-bottom: 1px solid #6B7583; }
#content img.content_title { display: block; margin: 0; width: 636px; height: 22px; overflow: hidden; }


div#content div#accordian h3.panel_title { height: 22px;  background: #000; text-indent: -9999px; overflow: hidden; margin: 0; cursor: pointer; border-bottom: 1px solid #404750;}
div#content div#accordian h3.last { border-bottom: 0; }
div#content div#accordian { border-bottom: 1px solid #6B7583; width: 636px;}
div#content div#accordian div.panel { background: #404751; padding: 10px; display: none; }
div#content div#accordian div.panel table.data{ margin: 0;}

.en div#content a.learn_more { height: 22px; margin-top: 5px;  width: 100px; overflow: hidden; text-indent: -9999px; display: block; background: url('/assets/images/en/b-learnMore.gif');}
.de div#content a.learn_more { height: 22px; margin-top: 5px;  width: 143px; overflow: hidden; text-indent: -9999px; display: block; background: url('../images/de/b_learnmore.gif');}
.es div#content a.learn_more { height: 22px; margin-top: 5px;  width: 134px; overflow: hidden; text-indent: -9999px; display: block; background: url('../images/esp/buttons/b-learnMore.gif');}
.fr div#content a.learn_more { height: 22px; margin-top: 5px;  width: 134px; overflow: hidden; text-indent: -9999px; display: block; background: url('../images/fr/buttons/b-learnMore.gif');}

/* Science at solex */
div#content div.science-intro { float: left; width: 256px; margin-top: -22px; margin-bottom: -10px;  }
div#content div.science { font-size: 11px; line-height: 14px;  margin-top: -22px; margin-bottom: -10px;  width: 345px; float: right; border-left: 1px solid #6B7583; padding-left: 10px; 
	padding-bottom: 15px; padding-top: 15px;  }


div.science div { border: 1px solid #4b535d; padding: 15px; background: #1b1e22; text-align: center;}
div#content div.science p { margin: 8px 0 0;}

.sIFR-hasFlash div#content div.science  h2 { margin: 0; font-size: 16px; height: 16px; line-height: 16px; }

div#content div.science div.seperator { height: 16px; background: url('/assets/images/solutions-seperator.gif') no-repeat; padding: 0; border: 0;}

.sIFR-hasFlash .en div#content div.phase1  h2 { text-align: left; padding-left: 70px; }
.sIFR-hasFlash .en div#content div.phase2  h2 { text-align: left; padding-left: 35px; font-size: 11px; }
.sIFR-hasFlash .en div#content div.phase3  h2 { text-align: left; padding-left: 70px; }

.sIFR-hasFlash .de div#content div.phase1  h2 { text-align: left; padding-left: 32px; }
.sIFR-hasFlash .de div#content div.phase2  h2 { text-align: left; padding-left: 13px; font-size: 11px; }
.sIFR-hasFlash .de div#content div.phase3  h2 { text-align: left; padding-left: 67px; }

.sIFR-hasFlash .es div#content div.phase1  h2 { text-align: left; padding-left: 42px; }
.sIFR-hasFlash .es div#content div.phase2  h2 { text-align: left; padding-left: 19px; font-size: 11px; }
.sIFR-hasFlash .es div#content div.phase3  h2 { text-align: left; padding-left: 67px; }

.sIFR-hasFlash .fr div#content div.phase1  h2 { text-align: left; padding-left: 42px; }
.sIFR-hasFlash .fr div#content div.phase2  h2 { text-align: left; padding-left: 19px; font-size: 11px; }
.sIFR-hasFlash .fr div#content div.phase3  h2 { text-align: left; padding-left: 67px; }

.en div#content div.science div.result {  height: 81px; padding: 0; background: #000000 url('/assets/images/en/solex-solutions-the-result.gif') 11px 5px no-repeat; text-indent: -9999px; overflow: hidden; }
.de div#content div.science div.result {  height: 81px; padding: 0; background: #000000 url('/images/de/theresult.gif') 0 no-repeat; text-indent: -9999px; overflow: hidden; }
.es div#content div.science div.result {  height: 81px; padding: 0; background: #000000 url('/assets/images/esp/theresult.gif') 0 no-repeat; text-indent: -9999px; overflow: hidden; }
.fr div#content div.science div.result {  height: 81px; padding: 0; background: #000000 url('/assets/images/fr/theresult.gif') 0 no-repeat; text-indent: -9999px; overflow: hidden; }

div#content div.product-details { margin: 0 -10px 20px; height: 22px; background: url('/assets/images/en/sb-prodDet-rightSide.gif') repeat-x; }
div#content div.howitworks_menu { margin: 0; height: 22px; background: url('/assets/images/en/sb-prodDet-rightSide.gif') repeat-x; }

div#content div.howitworks_menu ul { height: 22px; margin: 0; background: url('/assets/images/en/sb-howTitle.gif') no-repeat;}
div#content div.product-details li, div#content div.howitworks_menu li { height: 22px; margin: 0; padding: 0; display: block; float: left; }
div#content div.product-details a, div#content div.howitworks_menu a { height: 22px; margin: 0; padding: 0; display: block; float: left; text-indent: -9999px; overflow: hidden; }





/*
#content div.details-box { display: none; z-index: 102; position: fixed; top: 180px; left: 296px; background: #343A42; border: 1px solid #6b7583; width: 690px; padding: 15px;  }
#content div.details-box div { height: 350px; overflow: auto; padding-right: 25px;}

#content div.details-box h3 { height: 20px; background: #000; margin: -15px -15px 15px -15px; overflow: hidden; text-indent: -9999px; } 
#content div.details-box h3.plates { background: url('../images/en/db_heat_exchanger_plates.jpg'); }
#content div.details-box h3.plate-bank { background: url('../images/en/db_plate_bank.jpg'); }
#content div.details-box h3.control-system { background: url('../images/en/db_control_system.jpg'); }
#content div.details-box h3.feeders { background: url('../images/en/db_feeders.jpg'); }

#content div#d1 div { height: 193px; overflow: auto; padding-right: 25px;}
#content div#d2 div { height: auto; overflow: visible; padding-right: 0;}
#content div#d2 { width: 450px; }
#content div#d3 div { height: auto; overflow: visible; padding-right: 0;}
#content div#d3  { width: 550px; }*/ 

img.cmap { float: right; margin-top: -20px;  }

/* Tabs */
ul.tabs { border-bottom: 1px solid #A1B2C8; margin: 10px 0 15px 0; padding: 0 0 0 5px; }
ul.tabs li { display: inline; list-style: none; background: #656F7D; padding: 2px 5px; border: 1px solid #A1B2C8; border-bottom: 0; }
ul.tabs li a {  text-decoration: none; color: #FFF; }
ul.tabs li.active { margin: 1px 0 -1px; border-bottom: 1px solid #4B535D; background: #4B535D; }

/* left menu */
div#sidebar ul.subnav li.expanded { background: #000 url('../images/arrow_expanded.gif') 4px 14px no-repeat; padding-left: 12px; }
div#sidebar ul.subnav li.collapsed { background: #000 url('../images/arrow_collapsed.gif') 4px 14px no-repeat; padding-left: 12px; }
div#sidebar ul.subnav li.expanded a:hover, div#sidebarul.subnav li.collapsed a:hover, div#sidebar ul.subnav li.leaf a:hover { background-position: 0 -33px;}
div#sidebar ul.subnav li.leaf { padding-left: 12px;  }
div#sidebar ul.subnav ul.subnav li.leaf { padding-left: 20px; text-indent: -20px; padding-bottom: 2px; }
div#sidebar ul.subnav ul.subnav li.leaf ul.subnav { margin-left: -20px;  }
div#sidebar ul.subnav ul.subnav li.leaf li.leaf { padding-left: 0; text-indent: 0; padding-bottom: 0; }
div#sidebar ul.subnav li.leaf a.active { background-position: 0 -33px;}

div#content div.section { background: #404750; border-bottom: 1px solid #6b7583; margin-top: -15px; }

/* Technology Comparison */
table.technology_comparison { border: 1px solid #FFF;}
div#content table.technology_comparison th { border: 0; }
div#content table.technology_comparison thead th { border-left: 1px solid #7a8797; border-bottom: 1px solid #7a8797;height: 35px;}
div#content table.technology_comparison tbody th {  border-bottom: 1px solid #7a8797;}
table.technology_comparison td { border-left: 1px solid #7a8797; border-bottom: 1px solid #7a8797; height: 35px;}
div#content table.technology_comparison td, div#content table.technology_comparison th { background: #000; text-align: center;}
table.technology_comparison tr.last td, div#content table.technology_comparison tr.last th { border-bottom: 0;}
div#content table.technology_comparison thead th.first { border-left: 0;}
table.technology_comparison td.solex_tech { color: #e99d3a; }
div#content table.technology_comparison th.solex_tech { color: #e99d3a;}
div#content table.technology_comparison th small { font-size: 10px; font-weight: normal; display: block;}