body, html { margin: 0; padding: 0; height: 100%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0078a3; background: url(../img/main-bgr.gif); }
body { position: relative; }
form { margin: 0; padding: 0; }
menu { margin: 0; padding: 0; list-style-type: none; }
li { min-height: 1px; vertical-align: bottom; }
* html li { height: 1px; }
li.fantom { float: none; clear: both; font-size: 0; line-height: 1px; height: 0; width: 0; }
a { text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }
.fantom { clear: both; float: none; }
p { margin: 0; padding: 0 0 14px 0; }
input, select, textarea { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
/* Globals */
.wide_1000 { margin: 0 auto; width: 1000px; }
/* Vertical align */
.vert_outer { display: table; vertical-align: middle; }
.vert_middle { display: table-cell; vertical-align: middle; }
* html .vert_outer { position: relative; display: block; }
* html .vert_middle { position: absolute; top: 50%; display: block; }
* html .vert_inner { position: relative; top: -50%; display: block; }
/* Select boxes */
/*select.select_box { display: none; } */
div.dropper { position: relative; width: 212px; background: url(../img/select-elm-01.gif) left top no-repeat; }
div.dropper a { display: block; text-decoration: none; font-weight: bold; color: #0078a3; outline: none; }
div.dropper a.drop, div.dropper a.drop span { display: block; height: 22px; line-height: 22px; }
div.dropper a.drop span { padding: 0 31px 0 7px; background: url(../img/select-elm-02.gif) right top no-repeat; }
div.dropper a:hover span { color: #1ca6d7; background: url(../img/select-elm-03.gif) right top no-repeat; }
div.dropper ul { margin: 0 0 0 0; padding: 0; list-style-type: none; border: solid 1px #0095ca; border-bottom: none; }
div.dropper li { border-bottom: solid 1px #0095ca; }
div.dropper li a { padding: 5px 8px; }
div.dropper li a:hover { color: #1ca6d7; }
div.dropper .scrolled { overflow: auto; height: 150px; }
/* Header */
#header { height: 330px; background: url(../img/hdr-bgr-01.gif) repeat-x; }
#header_menu { float: left; width: 239px; height: 291px; background: url(../img/hdr-menu-bgr.jpg); }
#header_menu menu { padding: 35px 0 0 0; }
#header_menu li { padding: 7px 0; }
#header_menu li a { display: block; margin: 0 auto; height: 17px; background-position: left center; background-repeat: no-repeat; }
#header_menu li a:hover { background-position: right center; }
#header_menu li strong { display: none; }
#header_menu .btn1 .bg { width: 45px; background-image: url(../img/hdr-btn-home.gif); }
#header_menu .btn2 .bg { width: 73px; background-image: url(../img/hdr-btn-about.gif); }
#header_menu .btn3 .bg { width: 56px; background-image: url(../img/hdr-btn-prods.gif); }
#header_menu .btn4 .bg { width: 144px; background-image: url(../img/hdr-btn-equip.gif); }
#header_menu .btn5 .bg { width: 49px; background-image: url(../img/hdr-btn-clients.gif); }
#header_menu .btn6 .bg { width: 66px; background-image: url(../img/hdr-btn-contact.gif); }
#header_menu .btn7 .bg { width: 81px; background-image: url(../img/hdr-btn-top.gif); }
#header_menu .btn1 .en { width: 34px; background-image: url(../img/hdr-btn-home-en.gif); }
#header_menu .btn2 .en { width: 54px; background-image: url(../img/hdr-btn-about-en.gif); }
#header_menu .btn3 .en { width: 51px; background-image: url(../img/hdr-btn-prods-en.gif); }
#header_menu .btn4 .en { width: 124px; background-image: url(../img/hdr-btn-equip-en.gif); }
#header_menu .btn5 .en { width: 40px; background-image: url(../img/hdr-btn-clients-en.gif); }
#header_menu .btn6 .en { width: 52px; background-image: url(../img/hdr-btn-contact-en.gif); }
#header_menu .btn7 .en { width: 78px; background-image: url(../img/hdr-btn-top-en.gif); }
#header_image { position: relative; float: left; width: 761px; height: 291px; background: url(../img/hdr-img.jpg); }
#header_image a { position: absolute; left: 142px; top: 21px; display: block; width: 255px; height: 112px; }
#header_line { height: 39px; background: url(../img/hdr-line-bgr-01.jpg) center top no-repeat; }
#header_line menu { float: left; padding: 8px 0 0 0; }
#header_line li { float: left; }
#header_line .btn { width: 58px; background: url(../img/hdr-btns-spr.gif) right center no-repeat; }
#header_line .btn a, #header_line .btn a span { display: block; margin: 0 auto; width: 24px; height: 24px; font-size: 1px; }
#header_line .btn a:hover { background: url(../img/hdr-btns-hover.gif) center center no-repeat; }
#header_line #home_btn span { background: url(../img/home-ico.gif) center center no-repeat; }
#header_line #contact_btn span { background: url(../img/contact-ico.gif) center center no-repeat; }
#header_line #sitemap_btn span { background: url(../img/sitemap-ico.gif) center center no-repeat; }
#header_line #language { padding: 0 0 0 10px; width: 570px; color: #009cb2; line-height: 24px; }
#header_line #language a { color: #009cb2; text-decoration: none; }
#header_line #language a:hover { text-decoration: underline; }
#header_line #search_fld { float: left; margin: 9px 0 0 0; height: 22px; width: 215px; background: url(../img/srch-fld-bgr.gif) left top no-repeat; }
#header_line #search_fld .input_fld { float: left; margin: 3px 0 0 6px; padding: 0; width: 156px; height: 16px; line-height: 16px; color: #009cb2; background: url(../img/srch-fld-bgr2.gif); border: none; }
#header_line #search_fld .submit { float: left; }
/* Body */
#body { min-height: 300px; background: url(../img/body-bgr-01.gif); }
* html #body { height: 300px; }
#body_top_shade { background: url(../img/body-top-bgr.gif) left top repeat-x; }
#main_top_corners { width: 974px; height: 6px; font-size: 1px; background: url(../img/main-top-corners.gif) left top no-repeat; }
#main_btm_corners { width: 974px; height: 6px; font-size: 1px; background: url(../img/main-btm-corners.gif) left bottom no-repeat; }
#body .wide_1000 { min-height: 400px; width: 974px; padding: 15px 13px; }
* html #body .wide_1000 { height: 400px; }
#banners_field { margin: 0 14px 0 0; float: left; width: 213px; min-height: 425px; background: url(../img/bnrs-bgr.gif) left top no-repeat #ffffff; }
#banners_field .banner { padding: 10px 0; text-align: center; }
#banners_field .banner img { border: none; }
* html #banners_field { height: 425px; }
#main_field { float: left; padding: 15px 25px; width: 697px; min-height: 425px; background: url(../img/main-fld-bgr.gif) left top no-repeat #ffffff; }
* html #main_field { height: 425px; }
#main_fields { background:url(../img/main-flds-bgr.gif) center top repeat-y; }
#page_title { margin: 0 0 10px 0; }
* html #main_fields { height: 1px; }
/* Filter Catalogue */
#filter_types { height: 38px; }
#filter_types li { float: left; margin: 0 2px; vertical-align: center; }
#filter_types li a { width: 134px; height: 31px; text-align: center; font-weight: bold; color: #0078a3; text-decoration: none; background: url(../img/cat-btns-bgr.gif) left top no-repeat; }
#filter_types a.selected { color: #ffffff; background:url(../img/cat-btns-bgr.gif) right top no-repeat; }
#filter_types li span { left: 0; }
#filter_types li span span { display: block; width: 134px; }
#car_options { padding: 6px 0 12px 0; }
#car_options label { padding: 0 8px 0 5px; float: left; width: 120px; line-height: 18px; font-weight: bold; }
#car_options select { color: #0078a3; border: solid 1px #0095ca; }
#car_options option.selected { background: #fdfebf; font-weight: bold; }
#car_options option { padding: 2px; }
#car_options .separator { height: 5px; width: 100%; overflow: hidden; }
/*
#car_options div.dropper { position: relative; margin: 0 20px 0 0; float: left; }
#car_options div.dropper div { position: absolute; z-index: 111111111; }
#car_options div.dropper li { background: #ffffff; }
*/
.filter_tbl_hdr { height: 33px; overflow: hidden; background: url(../img/catl-tbl-hdr-01a.gif) left top no-repeat; }
.filter_tbl_hdr div { height: 33px; background: url(../img/catl-tbl-hdr-01b.gif) right top no-repeat; }
.filter_tbl_hdr ul { padding: 0; margin: 0; font-weight: bold; list-style-type: none; color: #cff9ff; }
.filter_tbl_hdr li { float: left; }
.filter_tbl_hdr li strong { display: block; padding: 9px 0 0 20px; line-height: 15px; cursor: default; }
.filter_tbl_hdr .icon { text-align: center; }
#engines_table .filter_tbl_hdr li strong { width: 229px; }
#engines_table .filter_tbl_hdr .icon { width: 143px; }
#filters_table .filter_tbl_hdr li strong { width: 160px; }
#filters_table .filter_tbl_hdr .icon { width: 111px; }
.filter_tbl_hdr icon.li { display: block; padding: 9px 0 0 20px; line-height: 15px; }
.filters { margin: 0 0 10px 0; }
.filters a { font-weight: bold; text-decoration: underline; color: #0078A3; }
.filters a:hover { text-decoration: none; }
.filters .top_fld { padding: 1px; background: #ffffff; border-left: solid 1px #92f1ff; border-right: solid 1px #92f1ff; }
.filters .top_fld div { padding: 0 0 0 677px; height: 16px; background: #92f1ff; }
.filters .top_fld span { display: block; height: 16px; width: 16px; background: url(../img/tbl-scrl-btn-01t.gif) left bottom no-repeat; cursor: pointer; }
.filters .btm_fld { background: url(../img/tbl-corn-01a.gif) left bottom no-repeat #92f1ff; }
.filters .btm_fld div { padding: 0 0 0 680px; height: 16px; background: url(../img/tbl-corn-01b.gif) right bottom no-repeat; }
.filters .btm_fld span { display: block; height: 16px; width: 16px; background: url(../img/tbl-scrl-btn-01b.gif) left bottom no-repeat; cursor: pointer; }
.tbl_container { position: relative; padding: 0 0 0 1px; width: 694px; border-left: solid 1px #92f1ff; border-right: solid 1px #92f1ff; }
.tbl_container td { padding: 1px 10px; text-align: center; line-height: 16px; background: #bdf6ff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; }
.tbl_container tr.selected td { background: #fdfebf; }
#engines_table table { float: none; }
#engines_table .scrl_container { width: 676px; overflow: hidden; }
#engines_table td.col_1 { width: 227px; padding: 0 10px; font-weight: bold; text-align: left; }
#engines_table td { width: 122px; }
#filters_table table { float: none; }
#filters_table td { width: 90px; }
#filters_table td.style2 { width: 51px; }
#filters_table td.col_1 { width: 157px; padding: 0 10px; text-align: left; }
.tbl_scroller { position: absolute; right: 1px; top: -17px; width: 17px; }
* html .tbl_scroller { right: 0; }
/* #engines_scroller { display: none; } */
.tbl_scroller .arrows { display: block; height: 16px; width: 16px; cursor: pointer; }
.tbl_scroller .arrow_up { background: url(../img/tbl-scrl-btn-01t.gif) left bottom no-repeat; }
.tbl_scroller .arrow_down { background: url(../img/tbl-scrl-btn-01b.gif) left bottom no-repeat; }
.tbl_scroller .track { width: 17px; overflow: hidden; background: #bdf6ff; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; }
.tbl_scroller .slider { height: 40px; background: #92f1ff; cursor: pointer; }
.dummy_scroller { position: absolute; right: 1px; top: -1px; width: 17px; background: #bdf6ff; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff;}
/* Filter popup window */
#filter_popup { display: none; position: absolute; z-index: 1111; left: 0; top: 0; width: 404px; color: #0178c3; }
#filter_popup h2 { margin: 0 0 10px 0; }
#filter_popup h2, #filter_popup div , #filter_popup li { min-height: 1px; }
* html #filter_popup h2, * html #filter_popup div , * html #filter_popup li { height: 1px; }
#filter_popup .container { padding: 0 12px 1px 12px; background: url(../img/filt-popup-bgr.png) left top repeat-y; }
#filter_popup .corners_t, #filter_popup .corners_b { height: 9px; font-size: 1px; line-height: 1px; }
#filter_popup .corners_t { background: url(../img/filt-popup-top_c.png); }
* html #filter_popup .corners_t { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/filt-popup-top_c.png', sizingMethod='crop'); }
#filter_popup .corners_b { background: url(../img/filt-popup-btm_c.png) left bottom no-repeat; }
* html #filter_popup .corners_b { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/filt-popup-btm_c.png', sizingMethod='crop'); }
#filter_popup ul { margin: 0; padding: 0; list-style-type: none; }
#filter_popup .img { float: left; padding: 0 0 0 3px; width: 182px; min-height: 30px; text-align: right; }
* html #filter_popup .img { height: 30px; }
#filter_popup .img img { border: solid 1px #0178c3; width: 185px; }
#filter_popup .table { float: left; }
#filter_popup .table li { padding: 4px; border-bottom: solid 1px #ffffff; float: none; clear: both; }
#filter_popup .table big { float: left; display: block; padding: 0 10px 0 0; font-size: 11px; font-weight: bold; text-align: right; }
#filter_popup .table small { float: left; display: block; font-size: 11px; }
#filter_popup .table span { display: block; clear: both; }
#filter_dim { width: 195px; }
#filter_dim big { width: 98px; }
#filter_dim small { width: 73px; }
#filter_opts_t { padding: 10px 0 0 0; }
#filter_opts_t ul { float: none; clear: both; }
#filter_opts_t li { width: 380px; }
#filter_opts_t big { width: 98px; }
#filter_popup .applications { display: block; padding: 4px; clear: both; border-bottom: solid 1px #ffffff; }
#filter_popup .applications { display: block; padding: 4px; clear: both; border-bottom: solid 1px #ffffff; }
#filter_popup .btns { padding: 10px 0 0 0; }
#filter_popup .btns li { float: left; text-align: center; }
#filter_popup .fantom { height: 1px; overflow: hidden; }
#filter_popup .btns a { display: block; margin: 0 10px 0 0; height: 18px; font-size: 11px; line-height: 17px; color: #92f1ff; text-decoration: none; }
#filter_popup .btns span { display: block; height: 18px; }
#filter_popup .print { display: none; padding: 0 0 0 100px; width: 100px; }
#filter_popup .print a { padding: 0 0 0 5px; background: url(../img/filt-pop-prn-l.gif) left top no-repeat; }
#filter_popup .print span { padding: 0 13px 0 8px; background: url(../img/filt-pop-prn-r.gif) right top no-repeat; }
#filter_popup .close { width: 100px; padding: 0 0 0 150px; }
#filter_popup .close a { padding: 0 0 0 18px; background: url(../img/filt-pop-close-l.gif) left top no-repeat; }
#filter_popup .close span { padding: 0 12px 0 7px; background: url(../img/filt-pop-close-r.gif) right top no-repeat; }
/* Referal number search */
#srchby_refnum { float: left; padding: 7px 0 0 5px; width: 250px; }
#ref_srch_fld { float: left; margin: 0 7px 0 0; padding: 2px; width: 150px; color: #0095ca; border: solid #0095ca 1px; }
#srchby_refnum .submit { float: left; }
#srchby_refnum strong.label { display: block; padding: 0 0 7px 0; }
#refnum_select strong.label { display: block; padding: 7px 0 7px 0; }
#refnum_select select { color: #0095ca; border: solid #0095ca 1px; }
#refnum_info { float: left; padding: 7px 0 0 0; width: 430px; }
#refnum_info ul { margin: 0; padding: 0; list-style-type: none; }
#refnum_info ul li ul { float: left;}
#refnum_info li { display: block; min-height: 1px; border-bottom: solid 1px #bdf6ff; }
#refnum_info li big { float: left; display: block; margin: 0 1px 0 0; padding: 2px 5px 2px 2px; width: 100px; font-weight: bold; font-size: 11px; font-weight: bold; text-align: right; }
#refnum_info li small { float: left; display: block; padding: 2px 2px 2px 5px; width: 100px; font-size: 11px; text-align: left; }
#refnum_info li span { display: block; clear: both; }
#refnum_info .img { float: left; min-height: 40px; padding: 0 0 0 10px; }
#refnum_info .img img { border: 1px solid #0178c3; }
#refnum_info .table1 { float: left; }
#refnum_info .table2 { margin: 10px 0 0 0; }
#refnum_info .table2 small { width: 310px; }
/* Footer */
#footer { min-height: 37px; text-align: right; color: #b2f5ff; background: url(../img/ftr-bgr-01.gif) left top repeat-x; }
* html #footer { height: 37px; }
#footer a { color: #b2f5ff; text-decoration: none; }
#footer a:hover { color: #ffffff; text-decoration: underline; }
#footer .wide_1000 { padding: 5px; }