/** fianium css **/

/* by boris grudinin */
/* http://www.fianium.com */
/* ---------------------------- */
/*ef4035*/
/* ---------------------------- */
/*** main styles ***/

html, body { background: url(../images/bg/bg-top-red-line.gif) center top no-repeat; font-family: Arial, Helvetica, sans-serif; }

div.hr { width: 100%; height: 1px; background: url(../images/bg/bg-dotted-dark-grey.gif) left top repeat-x; clear: both; margin-bottom: 10px;  }
div.hr hr { display: none; }

.left { float: left; }
.right { float: right; }

a:hover { text-decoration: none; }
a { outline: none; }

/* ---------------------------- */
/*** setting up the page ***/

div#main { position: relative; width: 860px; margin: 0 auto; text-align: left; padding-top: 138px; }
div#top { position: absolute; z-index: 10; top: 0px; width: 860px; height: 107px; border-bottom: 1px solid #f0f1f0; padding-bottom: 30px; }
div#middle { position: relative; overflow: hidden; padding-top: 20px; }
div#holder { position: relative; overflow: hidden; border-bottom: 1px solid #f0f1f0; padding: 20px 0px; }
body#home div#holder { padding-top: 0px; }
div#footer { position: relative; overflow: auto; background: url(../images/qa.jpg) left 16px no-repeat; padding: 15px 0px 25px 47px; }

/* ---------------------------- */
/*** top ***/

div#top a.logo { display: block; float: left; width: 186px; height: 55px; margin-top: 40px; background: url(../images/fianium-logo.jpg) left top no-repeat; }
div#top a.logo:hover { background-position: left bottom; }
div#top a.logo span { display: block; text-indent: -9999px; }

div#top ol { position: absolute; top: 37px; right: 0px; display: block; overflow: visible; z-index: 10; }
div#top ol li { position: relative; float: left; margin-left: 18px; height: 100px; }
div#top ol li.last { margin-left: 80px; }
div#top ol li a { display: block; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-size: 0.95em; color: #989f98; text-decoration: none; text-transform: lowercase; padding: 0px 1px; line-height: 70px; }
div#top ol li a.current,
div#top ol li a.active,
div#top ol li a:hover { color: #e9292f; background: url(../images/bg/bg-dotted-red.gif) left bottom repeat-x; }

div#top ol li div { position: absolute; top: 70px; z-index: 20; border-top: 5px solid #ffffff; background: url(../images/bg/bg-subnav-top.gif) left top no-repeat; padding-top: 13px; }
div#top ol li div ul { background: url(../images/bg/bg-subnav-bottom.gif) left bottom no-repeat; padding: 0px 10px 4px; } 
div#top ol li div ul li { float: none; margin-left: none; margin-left: 0px; height: auto; width: 160px; border-bottom: 1px dotted #acacac; }
div#top ol li div ul li.last { border-bottom: none; margin-left: 0px; }
div#top ol li div ul li a { color: #ffffff; font-size: 0.85em; line-height: normal; width: auto; padding: 2px 0px 4px 10px; background: url(../images/subnav-arrow.gif) 0px 10px no-repeat; }
div#top ol li div ul li a:hover { color: #acacac; background: url(../images/subnav-arrow-over.gif) 0px 10px no-repeat; }

/* ---------------------------- */
/*** middle ***/

div#map { position: relative; width: 500px; height: 293px; margin-bottom: 10px; }
div#map div#logocontrol,
div#map div span, 
div#map div a { display: none; }

div#middle div#home-scroll { position: relative; width: 860px; height: 360px; overflow: hidden; }
div#middle div#home-scroll ul { position: relative; width: 860px; }
div#middle div#home-scroll ul li { position: absolute; left: 0; top: 0; width: 860px; height: 360px; }

div#middle ul.products-main { padding-bottom: 20px; border-bottom: 1px solid #f0f1f0; overflow: hidden; }
div#middle ul.products-main li { margin-bottom: 4px; float: left; height: 170px; }
div#middle ul.products-main li.right { float: right; }
div#middle ul.products-main li a { display: block; height: 35px; width: 390px; padding: 135px 15px 0px 15px; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-size: 0.95em; color: #ef4035; }
div#middle ul.products-main li a strong { font-weight: bold; }
div#middle ul.products-main li a.a { background: url(../images/products/a.jpg) left top no-repeat; height: 155px; padding-top: 15px; }
div#middle ul.products-main li a.b { background: url(../images/products/b.jpg) left top no-repeat; height: 155px; padding-top: 15px; }
div#middle ul.products-main li a.c { background: url(../images/products/c.jpg) left top no-repeat; }
div#middle ul.products-main li a.d { background: url(../images/products/d.jpg) left top no-repeat; }
div#middle ul.products-main li a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

/* ---------------------------- */
/*** content ***/

div#col-left { float: left; width: 500px; }
div#col-right { float: right; width: 288px; margin-top: 5px; }
div#full-width { clear: both; }

body#home div#col-left { float: left; width: 490px; }
body#home div#col-right { float: right; width: 288px; margin: 25px 33px 0px 0px; }

div#col-left h1,
div#full-width h1 { font-size: 1.9em; letter-spacing: -0.05em; color: #ef4035; margin-bottom: 12px; }
div#col-left h2 { font-size: 1.35em; font-weight: bold; color: #505350; margin-bottom: 12px; }
div#col-left h3 { font-size: 1em; font-weight: bold; color: #ef4035; margin: -6px 0 12px; }

div#col-left a.img-link {}
div#col-left a.img-link:hover img { filter:alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; }

div#col-left p,
div#full-width p { font-size: 0.8em; color: #505350; margin-bottom: 12px; line-height: 1.5em; }
div#col-left p.large,
div#full-width p.large { font-size: 1em; font-weight: bold; line-height: 1.4em; }
div#col-left p a { color: #ef4035; }
div#col-left p span.office { background: url(../images/icons/icon-red.jpg) left center no-repeat; padding-left: 12px; }
div#col-left p span.distributor { background: url(../images/icons/icon-white.jpg) left center no-repeat; padding-left: 12px; }
div#col-left p strong { font-weight: bold; }

div#col-left blockquote p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.75em; font-style: italic; line-height: 1.8em; }

div#col-left img.splash { margin-bottom: 20px; }

div#col-left ul.text { margin: 0px 0px 15px 10px; }
div#col-left ul.text li { margin: 0px 0px 5px 10px; list-style: disc; color: #ef4035; font-size: 0.8em; line-height: 1.5em; }
div#col-left ul.text li span { color: #505350; }
div#col-left ul.text li strong { font-weight: bold; }

div#col-left ul.press { overflow: hidden; margin-bottom: 10px; }
div#col-left ul.press li { float: left; margin-right: 20px; }
div#col-left ul.press li.last { margin-right: 0; }

div#address { }
div#address h2 { margin-bottom: 15px; }
div#address h3 { margin-bottom: 4px; }
div#address ul { margin-bottom: 22px; border-top: 1px solid #eeeeee; padding: 8px 0 0 90px; }
div#address ul li { font-size: 0.9em; color: #505350; line-height: 1.5em; overflow: hidden; margin-bottom: 1px; }
div#address ul li strong { font-weight: bold; float: left; width: 45px; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; }
div#address ul li span { float: left; width: 365px; }
div#address ul li a { float: left; color: #ef4035; font-weight: bold; }
div#address ul.uk { background: url(../images/flags/uk.jpg) left 4px no-repeat; }
div#address ul.usa { background: url(../images/flags/usa.jpg) left 4px no-repeat; }
div#address ul.china { background: url(../images/flags/china.jpg) left 4px no-repeat; }
div#address ul.japan { background: url(../images/flags/japan.jpg) left 4px no-repeat; }
div#address ul.israel { background: url(../images/flags/israel.jpg) left 4px no-repeat; }
div#address ul.australia { background: url(../images/flags/australia.jpg) left 4px no-repeat; }
div#address ul.russia { background: url(../images/flags/russia.jpg) left 4px no-repeat; }
div#address ul.india { background: url(../images/flags/india.jpg) left 4px no-repeat; }
div#address ul.korea { background: url(../images/flags/south-korea.jpg) left 4px no-repeat; }

div#full-width div.product-chooser { padding-bottom: 10px; }
div#full-width div.product-chooser div.step1 { overflow: hidden; }
div#full-width div.product-chooser div.step1 img { display: block; }
div#full-width div.product-chooser div.step1 h2 { padding-bottom: 10px; }
div#full-width div.product-chooser div.step1 p { float: left; margin: 5px 20px 0px 0px; }
div#full-width div.product-chooser div.step1 p.last { margin-right: 0px; }
div#full-width div.product-chooser div.step1 p a { display: block; width: 180px; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-size: 1.2em; color: #e9292f; background: #f8f8f8; cursor: pointer; padding: 10px; border-bottom: 10px solid #ffffff; }
div#full-width div.product-chooser div.step1 p a strong { font-weight: bold; }
div#full-width div.product-chooser div.step1 p a.active,
div#full-width div.product-chooser div.step1 p a:hover { color: #ffffff; background: #989f98; padding-bottom: 10px; border-bottom: none; }

div#col-left table.app-matrix { width: 500px; border: 1px dotted #989f98; margin-left: 1px; margin-bottom: 15px; }
div#col-left table.app-matrix th,
div#col-left table.app-matrix td { padding: 4px 5px 8px; }
div#col-left table.app-matrix th { width: 71px; background: #f8f8f8; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif; font-size: 0.8em; color: #454545; }
div#col-left table.app-matrix td { border-bottom: 1px solid #e4e4e4; text-align: center; }
div#col-left table.app-matrix img { display: block; margin: 5px 0 0 29px; }
div#col-left table.app-matrix tr.firstRow th { text-align: center; border-right: none; }
div#col-left table.app-matrix tr.lastRow th,
div#col-left table.app-matrix tr.lastRow td { border-bottom: none; }
div#col-left table.app-matrix a { color: #e9292f; }

div#col-left form ul li { width: 328px; }
div#col-left form ul li label { display: block; font-weight: bold; width: 150px; color: #505350; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; margin-bottom: 5px; padding-top: 1px; }
div#col-left form ul li label.error { font-weight: normal; width: auto; color: #ff3300; font-size: 0.8em; }
div#col-left form ul li label.valid { display: none; }
div#col-left form ul li input.text { width: 320px; color: #505350; padding: 3px; font-size: 0.85em; margin-bottom: 3px; }
div#col-left form ul li input.small { width: 9px; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-size: 1em; font-weight: bold }
div#col-left form ul li select { width: 328px; margin-bottom: 3px; }
div#col-left form ul li textarea { width: 320px; height: 80px; color: #505350; padding: 3px; margin-bottom: 5px; font-size: 0.85em; }
div#col-left form ul li button { font-size: 0.75em; color: #505350; font-weight: bold; text-transform: uppercase; padding: 2px; }
div#col-left form ul li h3 { clear: both; width: 500px; font-weight: bold; margin-bottom: 10px; }
div#col-left form ul li.control { position: relative; overflow: auto; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 6px 0; margin: 3px 0 6px; }
div#col-left form ul li.control span { position: absolute; top: 6px; left: 0; width: 220px; font-size: 0.7em; line-height: 1.3em; color: #787; }
div#col-left form ul li.control div { position: relative; background: transparent; float: right; text-align: right; padding: 1px 0 0; }
div#col-left form ul li.control div label { position: absolute; top: 4px; right: 41px; width: 50px; padding-right: 3px; }
div#col-left form ul li.control div label.error,
div#col-left form ul li.control div label.temp { position: relative; top: auto; right: auto; width: auto; float: right; background: url(../images/icons/wrong.gif) left top no-repeat; width: 16px; height: 16px; margin: 6px 0 0 5px; padding-right: 0; }
div#col-left form ul li.control div label.valid { position: relative; top: auto; right: auto; width: auto; float: right; background: url(../images/icons/right.gif) left top no-repeat;  width: 16px; height: 16px; margin: 6px 0 0 5px; padding-right: 0; }

div#col-left #popupContainer { position: relative; clear: both; width: 500px; }
div#col-left #popup { position: absolute; top: 0; left: 0; z-index: 10; width: 316px; max-height: 120px; overflow: auto; background: #fff; border: 1px solid #cccccc; padding: 5px; margin-bottom: 4px; }
div#col-left #popup span { display: block; cursor: pointer; padding: 4px 5px; font-size: 0.8em; }
div#col-left #popup p { padding: 4px 5px; margin-bottom: 0; }
div#col-left #popup p strong { font-weight: bold; }

ul.sales-contacts { overflow: hidden; margin-bottom: 10px; }
ul.sales-contacts li { width: 240px; }
ul.sales-contacts li label { display: block; font-weight: bold; color: #505350; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; margin-bottom: 5px; }
ul.sales-contacts li select { font-size: 0.75em; width: 240px; }

/* ---------------------------- */
/*** col-right ***/

div#col-right h2 { font-size: 1.35em; font-weight: bold; color: #505350; margin-bottom: 7px; background: url(../images/bg/bg-dotted-dark-grey.gif) left bottom repeat-x; }
div#col-right h2 span { display: block; padding: 1px 0px 3px; }
div#col-right h2 span.pdf { background: url(../images/icons/icon-pdf.jpg) right top no-repeat; }
div#col-right h2 span.related { background: url(../images/icons/icon-related.jpg) right top no-repeat; }
div#col-right h2 span.worldwide { background: url(../images/icons/icon-worldwide.jpg) right top no-repeat; }
div#col-right h2 span.distributor { background: url(../images/icons/icon-worldwide.jpg) right top no-repeat; }
div#col-right h2 span.event { background: url(../images/icons/icon-event.jpg) right top no-repeat; }

div#col-right ol.news { }
div#col-right ol.news li { margin-bottom: 5px; }
div#col-right ol.news li a.item { display: block; width: 288px; background: url(../images/btn/btn-arrow-right.gif) left center #f8f8f8; text-decoration: none; }
div#col-right ol.news li a.item:hover { background-color: #ef4035; background-position: right center; }
div#col-right ol.news li a.item em { display: block; color: #8d928d; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-size: 0.7em; font-style: normal; padding: 10px 22px 0px 10px; }
div#col-right ol.news li a.item span { display: block; color: #ef4035; font-size: 0.75em; padding: 2px 22px 10px 10px; }
div#col-right ol.news li a.item:hover em { color: #ffffff; }
div#col-right ol.news li a.item:hover span { color: #ffffff; }
div#col-right ol.news li.view-all { background: url(../images/bg/bg-dotted-dark-grey.gif) left top repeat-x; padding-top: 5px; text-align: right; }
div#col-right ol.news li.view-all a { background: url(../images/red-arrow-right.gif) 0px 6px no-repeat; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-size: 0.8em; color: #ef4035; text-transform: uppercase; padding-left: 11px; }

div#col-right a.rss { position: absolute; right: 2px; top: 9px; display: block; width: 16px; height: 16px; background: url(../images/btn/btn-rss.jpg) left top no-repeat; }
div#col-right a.rss:hover { background-position: left bottom; }
div#col-right a.rss span { display: block; text-indent: -9999px; }

div#col-right ol.subnav,
div#col-right ol.related { margin-bottom: 20px; }
div#col-right ol.subnav li,
div#col-right ol.related li { margin-bottom: 5px; }
div#col-right ol.subnav li a { display: block; text-align: right; background: url(../images/btn/btn-arrow-left.gif) left center #f8f8f8; color: #ef4035; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-size: 0.8em; text-decoration: none; padding: 7px 8px 10px 10px; width: 270px; cursor: pointer; }
div#col-right ol.related li a { display: block; background: url(../images/btn/btn-arrow-right.gif) left center #f8f8f8; color: #ef4035; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-size: 0.8em; text-decoration: none; padding: 7px 10px 10px 8px; width: 270px; }
div#col-right ol.subnav li a strong,
div#col-right ol.related li a strong { font-weight: bold; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; }
div#col-right ol.subnav li a:hover,
div#col-right ol.subnav li a.current,
div#col-right ol.related li a:hover { background-color: #ef4035; background-position: right center; color: #ffffff; }
div#col-right ol.subnav li span { display: block; font-size: 0.7em; text-align: right; padding-top: 4px; }

div#col-right ol.datasheets { margin: -7px 0px 20px; }
div#col-right ol.datasheets li { position: relative; background: url(../images/bg/bg-dotted-dark-grey.gif) left bottom repeat-x; padding-bottom: 1px; }
div#col-right ol.datasheets li a { display: block; overflow: hidden; text-decoration: none; font-size: 0.8em; padding: 8px 0px; }
div#col-right ol.datasheets li a em { float: left; color: #ef4035; text-decoration: underline; font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-style: normal; padding-left: 5px; }
div#col-right ol.datasheets li span { position: absolute; display: block; z-index: 5; background: url(../images/icons/info.gif) left top no-repeat; width: 15px; height: 15px; text-indent: -9999px; top: 8px; right: 5px; cursor: help; }
div#col-right ol.datasheets li a:hover { background: #f8f8f8; }
div#col-right ol.datasheets li a:hover em { text-decoration: none; color: #666966; }

div.qtip-contentWrapper h3 { font-size: 0.95em; font-weight: bold; color: #505350; margin: 2px 0 5px; }
div.qtip-contentWrapper p { font-size: 0.8em; color: #505350; line-height: 1.5em; }

div#col-right p { font-size: 0.8em; color: #505350; }

/* ---------------------------- */
/*** footer ***/

div#footer div.left { width: 410px; }
div#footer div.right { width: 370px; }

div#footer p { font-size: 0.75em; line-height: 1.5em; color: #979d97; margin-bottom: 3px; }
div#footer p em { font-style: normal; text-transform: uppercase; }
div#footer p strong { font-weight: bold; }

div#footer a { color: #505350; font-size: 0.7em; text-transform: uppercase; }
div#footer ol { display: block; overflow: hidden; float: right; margin-bottom: 22px; }
div#footer ol li { float: left; margin-left: 7px; }
div#footer a.back-to-top { clear: both; float: right; background: url(../images/back-to-top.gif) 0px 3px no-repeat; padding-left: 8px; }