body {padding:0; margin:0;}
html, body, #container, #content {
min-height: 100%;
height: 100%;
}
#measurer {
width: 100%;
height: 0;
position: absolute;
visibility: hidden;
}
#container {
min-width: 1000px;
background: url(../images/top.gif) 0 0% repeat-x;
}
html>body #container #content {
height: auto;
}
#content {
background: url(../images/bot.gif) 0 100% repeat-x;
text-align: center;
}
#page {
margin: 0 auto;
width: 1000px;
text-align: left;
}
/*--------------------*/
body {
background: #ffffff url(../images/bg.gif);
font: normal 0.75em tahoma, verdana, arial;
color: #000000;
}
a {color: #0071d7;}
/* a:visited {color: #800080;} */
a:hover {color: #d10000;}
a:active {color: #d10000; text-decoration: underline;}
h1, h2, h3 {
font-weight: normal;
color: #004a8d;
}
h1 {
font-size: 2.25em;
line-height: 1em;
}
h2 {
font-size: 1.2em;
line-height: 1em;
font-weight: bold;
}
h3 {
font-size: 1em;
font-weight: bold;
}
p, ul, ol {padding-bottom: 1.2em;}
ul, ol {
padding-left: 14px;
//padding-left: 16px;
}
table {
width:100%;
border-collapse:collapse;
border-width: 0;
}
td {
vertical-align:top;
text-align:left;
}
input, textarea {
border-width: 0;
font-family: tahoma, verdana, arial;
color: #000000;
background: #ffffff;
}
/*--------------------*/
.clear {clear: both;}
/*--------------------*/
#logo {
margin-right: 8px;
background: url(../images/logo_left.gif) 0 0 no-repeat;
}
#logo_2 {background: url(../images/logo_right.gif) 100% 0 no-repeat;}
#logo_3 {
margin: 0 8px;
height: 248px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
background: url(../images/logo.jpg) 0 0 no-repeat;
}
#logo_4 {
width: 100%;
float: left;
}
#logo_5 {
margin: 44px 333px 0 0;
text-align: right;
}
#logo_right {
margin-left: -333px;
width: 333px;
float: left;
overflow: hidden;
}
/*--------------------*/
.menu {
margin: 0 0 0 auto;
width: 268px;
text-align: center;
position:relative;
}
.home {position:absolute; width:268px; height:70px; top:40px; left:0;}
.home span { display:none;}
.menu div {padding-bottom: 115px;}
.menu div span {margin: 0 13px;}
.menu ul {
margin: 0;
padding: 0 20px 20px;
}
.menu ul li {
margin: 0 0 0.2em;
padding: 0;
list-style-type: none;
}
/*--------------------*/
.spec {
padding: 42px 0 0 0;
color: #004a8d;
}
.spec_head {
padding-bottom: 0.35em;
font-size: 1.6em;
font-weight: bold;
}
.spec_text {
padding-bottom: 0.85em;
font-weight: bold;
}
.spec_tele {
font-size: 1.65em;
white-space: nowrap;
color: #ff8a00;
}
.spec_tele span {
font-size: 1.2em;
font-weight: bold;
}
.spec form div {
margin-right: 0.2em;
width: 8.3em;
float: left;
font-size: 0.9em;
}
.spec form div input {
margin-bottom: 0.2em;
width: 98%;
border: 1px solid #bfcbd0;
font-size: 1.2em;
}
/*--------------------*/
.rama {
margin-right: 5px;
background: #3693cf url(../images/rama.gif) 100% 100% no-repeat;
}
.rama_2 {
margin-right: 315px;
background: url(../images/rama_2.gif) 100% 0 repeat-y;
zoom: 1;
}
.rama_3 {
margin-right: 12px;
position: relative;
top: 7px;
border-right: 1px solid #1b70be;
background: #3aacf6 url(../images/rama_3.gif) 0 100% repeat-x;
}
.rama_4 {padding: 0 6px 7px 7px;}
.rama_5 {
min-height: 390px;
_height: 390px;
position: relative;
background: #ffffff;
}
.rama_6 {
width: 100%;
float: left;
}
.rama_7 {padding: 35px 20px 20px;}
.rama_8 {margin: 0 30px;}
.rama_9 {
margin: 0 15px;
clear: both;
}
.rama_7, .rama_8, .rama_9 {
_width: 100%;
w\idth: auto;
}
/*--------------------*/
.rama_line {
margin-bottom: -7px;
height: 7px;
position: relative;
top: -7px;
background: #3aacf6;
font-size: 0;
}
.rama_right {
right: -334px;
margin: -7px 0 0 -334px;
width: 334px;
position: relative;
float: left;
}
.rama_angle {
margin-top: -54px;
width: 43px;
height: 54px;
position: relative;
left: 5px;
background: url(../images/rama_angle.gif);
}
.rama_ear, .rama_ear2 {
height: 120px;
position: absolute;
z-index: 1;
}
.rama_ear {
width: 45px;
left: -3px;
background: url(../images/rama_ear.gif);
}
.rama_ear2 {
width: 65px;
right: -22px;
_right: -23px;
background: url(../images/rama_ear2.gif);
}
/*--------------------*/
.part {background: #3aacf6;}
.part_2 {
position: relative;
left: 8px;
background: url(../images/part_2.gif) 100% 0 repeat-y;
}
.part_3 {
min-height: 130px;
_height: 130px;
position: relative;
left: 9px;
background: url(../images/part_3.gif) right center no-repeat;
}
.part_3 ul {
margin: 0;
padding: 21px 25px 21px 10px;
}
.part_3 ul li {
margin: 0 0 10px;
padding: 0;
font-size: 18px;
list-style-type: none;
}
.part_3 ul li span {
color: #f6f6f6;
}
.part_3 a, .part_3 a:visited {color: #333;}
.part_3 a:hover, .part_3 a:active {color: #0145ab;}
.shadow {
margin-left: 7px;
height: 81px;
background: url(../images/shadow.png) 100% 0 no-repeat;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadow.png,sizingMethod=crop);
}
/*-----------------------*/
.window {
margin-top: -45px;
padding: 0 27px 27px;
position: relative;
}
.window ul {
margin: 0;
padding: 0;
}
.window ul li {
margin: 0 0 0.55em;
padding: 0 0 0 10px;
font-size: 1.25em;
font-weight: bold;
line-height: 1em;
list-style-type: none;
color: #72c3f7;
background: url(../images/marker.gif) left top no-repeat;
zoom: 1;
}
.window ul li a, .window ul li a:visited {color: #000000; text-decoration: none; background-color: transparent;}
.window ul li a:hover, .window ul li a:active {text-decoration: underline;}
/*background-color: #3895D0; */
.window ul li ul {
margin: 0;
padding: 0.7em 0 0.2em 14px;
}
.window ul li ul li {
margin-bottom: 1em;
padding-left: 8px;
font-size: 0.75em;
font-weight: normal;
background-image: url(../images/marker_small.gif);
}
.window ul li ul li#on {
padding-left: 0;
background: transparent none left top no-repeat;
}
.window ul li ul li a, .window ul li ul li a:visited {color: #ffffff;}
.window ul li.on, .window ul li ul li.on {
padding-left: 0;
background: transparent none left top no-repeat;
}
/*--------------------*/
#footer {
margin: 20px 18px 0 9px;
color: #cfc2be;
font-size: 0.8em;
zoom: 1;
}
#footer_2 {
width: 100%;
float: left;
}
#footer_2 div {
margin-right: 5px;
padding-left: 15px;
}
#icom {
margin-left: -14em;
width: 14em;
float: left;
}
#footer a {color: #ffffff;}
#footer_2 div span {margin-left: -1.2em;}
#icom div {
width: 47px;
height: 12px;
position: relative;
top: -3px;
background: url(../images/icom.png);
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icom.png,sizingMethod=crop);
}
/*--------------------*/
.track {
padding-bottom: 0.55em;
font-size: 0.9em;
color: #555f75;
}
.m {
margin: 0 3px 1px 2px;
position: relative;
}
.head {
_height: 5.6em;
min-height: 5em;
}
.path {
height: 35px;
border-top: 2px solid #004a8d;
}
.print div {
padding-bottom: 1.5em;
width: 4.5em;
float: right;
font-size: 0.9em;
line-height: 1em;
}
.print img {
margin: 0.2em 10px 0 0;
float: right;
}
/*--------------------*/
.forward {
padding: 0;
text-align: center;
}
.forward form {
margin: 0 auto;
width: 61%;
text-align: left;
}
.demands div {padding: 0.8em 0 0.1em;}
.demands div span {
margin-left: -0.8em;
color: #d10000;
}
.demands input {
width: 50%;
border: 1px solid #bfcbd0;
}
.demands_txt {
margin: 1.2em 0 0 -5px;
padding-top: 5px;
}
.demands_txt div {
margin: -5px 0 0 0;
border: 5px solid #bfcbd0;
background: #bfcbd0;
}
.demands_txt input, .demands_txt textarea {width: 100%;}
.demands_txt textarea {height: 7em;}
.demands_sub button, .demands_sub input {
position: absolute;
top: 1em;
}
.demands div span, .demands_txt, .demands_sub {
position: relative;
zoom: 1;
}
.demands div, .demands_txt div {font-size: 0.9em;}
.demands input, .demands_txt input, .demands_txt textarea {font-size: 1.2em;}
/*--------------------*/
.answer ul li {
margin-bottom: 0.6em;
}
.answer h2 {
margin-top: 1em;
}
/*--------------------*/
.cat {
border-top: 1px solid #d7e6ed;
border-bottom: 1px solid #004a8d;
}
.cat_head td {
width: 33.3%;
padding: 0.7em;
text-align: center;
font-weight: bold;
font-size: 1.2em;
border-bottom: 1px solid #004a8d;
}
.cat-1 {
text-align: center;
background: #edf4f7;
font-weight: bold;
font-size: 0.8em;
}
.cat-2 {
border-left: 2px solid #004a8d;
border-right: 4px solid #004a8d;
background: #edf4f7;
font-size: 0.9em;
}
.cat-1 div, .cat-2 div {
margin: 0.3em 0;
padding: 0.2em 11px 0.3em;
}
.cat-1 .ac {
background: #f0e3c8;
font-weight: bold;
}
.cat-2 .ac {
background: #d9e8ef;
font-weight: bold;
}
.cat-1 #on-1 {
background: #004a8d;
font-weight: bold;
color: #ffffff;
}
.cat-2 #on-2 {
background: #e06924;
font-weight: bold;
color: #ffffff;
}
/*--------------------*/
ul.cat_menu {
margin: 0;
padding: 0 11px;
}
ul.cat_menu li {
margin: 0.3em 0;
padding: 0.2em 7px 0.3em;
font-size: 0.9em;
list-style-type: none;
background: url(../images/marker_menu.gif) left center no-repeat;
}
/*--------------------*/
.doc {
width: 63%;
float: right;
}
.doc_2 {
padding: 0 0 0 25px;
_width: 100%;
w\idth: auto;
}
.doc_menu {
width: 37%;
float: left;
}
.doc_2 h2 {padding-bottom: 0.5em;}
.sm td {font-size: 0.9em;}
.sm td span {
font-size: 1.3em;
font-weight: bold;
color: #d10000;
}
.classif {
clear: left;
}
.classif img {
margin: 0.3em 7px 0 0;
float: left;
}
.classif div {
padding-bottom: 1.6em;
float: left;
font-size: 0.9em;
line-height: 1em;
}
.doc_2 .classif div {padding-bottom: 0.5em;}
.doc_head {
padding: 0.3em 10px;
font-size: 1.2em;
font-weight: bold;
background: #f1f3f5;
clear: both;
zoom: 1;
}
.doc_menu ul.cat_menu {
padding: 0;
}
.doc_menu ul.cat_menu li#aaa {
font-weight: bold;
background: #d7e6ed url(../images/marker_aaa.gif) right center no-repeat;
}
/*--------------------*/
.tip {
padding: 1em;
width: 35%;
vertical-align: middle;
text-align: center;
}
.tip-2 {width: 65%;}
.tip-2 div, .partner {
padding-bottom: 0.1em;
font-size: 1.2em;
font-weight: bold;
}
/*--------------------*/
.shopping_cart {
padding: 4px;
}
.shopping_cart td {
padding: 4px;
}
.question_list{
padding-bottom: 0px;
}
.question_list p {
padding-bottom: 0px;
}
.company_selected{
background-color: #004A8D;
color: white;
}
.company_selected a, .company_selected a:active, .company_selected a:visited {
color: white;
text-decoration: none;
}
.category_selected{
background-color: #D9E8EF;
color: white;
}
.category_selected a, .category_selected a:active, .category_selected a:visited {
font-weight: bold;
text-decoration: none;
color: #004A8D;
}
/*
.cat-1 div a, .cat-1 div a:active, .cat-1 a:visited {
color: #004A8D;
}
*/
.brand_link {
color: #545E74;
}
.brand_link a{
color: black;
font-weight: bold;
text-decoration: none;
}
.spec_text a {color: #ffffff;
}
.spec_text {color: #ffffff;
}
table.sale {background-color:#e0f1f8;}
.through {text-decoration: line-through;font-size:15px;}
.red {color:#d12825; font-size:20px;}
.main-menu {font-size:14px;}
.main-menu ul{ list-style:none; padding:20px 0;}
.main-menu li { float:left; background:#57baf0; padding:5px 0 5px 0;
}
.main-menu a { margin:0 10px 0 10px; color:#FFF;}