@charset "utf-8";
body { font-size:100%; font-family:Arial, Helvetica, sans-serif; background:#fff; text-align: center; }
/* common */
html, body, ul, li, dt, dd, dl, sup, h1, h2, h3, h5, form, fieldset, legend, input.checkbox, input.radio, address { margin:0; padding:0; }
a img, :link img, :visited img, fieldset, input.checkbox, input.radio, input.but { border:none }
ol, ul { list-style:none; }
.hid { display:none }
h1 { font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size:1.5em }
address { font-style:normal}
sup {margin-top:14px; color:#666; font-size:0.8em}
/* layout*/
.b .c { width: 1000px; margin: 0 auto; text-align:left }
/* header */
.b .h { background-image: url(i/bg_h.png); height:121px;/* overflow:hidden; */ position:relative }
.b .h img#logo { margin:28px 32px 0; float:right }
.b .h ul { position:absolute; top:14px; right:215px; z-index:2 }
.b .h ul li { float:right; }
.b .h ul li a { background:url(i/bg_menu.png) repeat-x top; padding:6px 34px 5px 34px; border-right:#bcbcbc 1px solid; border-left:#fff 1px solid; border-top:#fff 1px solid; border-bottom:#aaa8a8 1px solid; display:block; font-size:14px; text-decoration:none; color:#080e0e }
.b .h ul li a:hover, .b .h ul li a#serv { background:url(i/bg_menu_h.png) repeat-x top; border-bottom:#999999 1px solid; color:#003366; }
.b .h ul li a:active, .b .h ul li a#serv:active { background:url(i/bg_menu_a.png) repeat-x top; }
.b .h ul li a:active, .b .h ul li a#serv:active, .b .h ul li#on a { color:#015353 }
.b .h ul li ul { position:absolute; top:23px; right:108px; z-index:4; background:transparent url(i/bg_sub.png) top; width:662px; height:38px; }
.b .h ul li ul li { padding-top:16px; }
.b .h ul li ul li a, .b .h ul li#on ul li a { text-align:center; padding:0 18px; border-left:none; border-right:1px #d8e0e0 solid; border-top:none; border-bottom:none; font-size:12px; font-weight:bold; color:#006699; background:none }
.b .h ul li ul li a:hover, .b .h ul li#on ul li a:hover { color:#001033; background:none; border-bottom:none }
.b .h ul li ul li a:active, .b .h ul li#on ul li a:active { color:#ff0033; background:none; border-bottom:none }
.b .h ul li ul li#on a { color:#3bb549 }
.b .h ul li ul li#on a:hover { color:#00a0c6 }
.b .h ul.lang { position:absolute; top:14px; right:920px; z-index:3 }
.b .h ul.lang li a { background:url(i/bot_lang.png) no-repeat top; width:80px; height:28px; text-align:center; padding:7px 0; border:none; font-size:11px; font-weight:bold; text-decoration:underline; color:#999 }
.b .h ul.lang li a:hover, .b .h ul.lang li a:active { color:#666; background:url(i/bot_lang.png) no-repeat top; border:none; text-decoration:blink }
.b .h ul.lang li a:active { color:#00a0c6 }
/* main content */
.b .m { margin-bottom:4px; clear:both; overflow:hidden; }
.b .m #flash { clear:both; overflow:hidden; height:494px; margin-bottom:4px; }
.b .m .pans { width:683px; height:223px; overflow:hidden; background:#015353 url(i/bg_pans.png) bottom left no-repeat }
.b .m .pans #tel { width:220px; height:206px; margin: 8px 4px 8px 8px; background:url(i/bg_pan_tel.png); overflow:hidden; direction:rtl; float:left; display:inline; text-align:right; }
.b .m .pans #tel h1 { font-size:16px; font-weight:bold; color:#015353; padding:12px }
.b .m .pans #tel h1 span { color:#555 }
.b .m .pans #tel ul { list-style:circle; direction:rtl; margin:0 28px 0 8px; padding:0; }
.b .m .pans #tel ul li { color:#ffff00; font-weight:bold; font-size:12px; margin:0; padding:0; }
.b .m .pans #txt { width:439px; height:206px; margin: 8px 8px 8px 4px; background: #3bb549 url(i/bg_pan_green.png) bottom no-repeat; overflow:hidden; direction:rtl; text-align:right; color:#fff; font-size:11px; font-weight:bold }
.b .m .pans #txt h1 { background:#ff0033 url(i/bg_pan_h1.png) top no-repeat; width:auto; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:12px; color:#ffe5e5 }
.b .m .pans #txt p { margin:12px }
.b .m .pans #txt p a { color:#FFFF66 }
.b .m .pans #txt p a:hover { color:#fffc00; text-decoration:none }
.b .m img#tipul, .b .m .pans #txt { float:right; display:inline } /* inline for ie6 bug */
/* footer */
.b .f { background:url(i/foot_div.png) top right no-repeat; padding:16px 0; direction:rtl; text-align:right }
.b .f span { color:#010101; font-size:0.689em; float:right; clear:left; padding:0 12px 12px }
.b .f span h3 { color:#047391; font-size:1.2em; }
.b .f .credits { color:#999; text-align:left; font-size:0.625em; }
.b .f .credits a { color:#663333; text-decoration:none; font-weight:bold }
.b .f .credits a:hover { color:#ff6600; }
.b .f .credits div { float:left; margin:-12px 0 0 20px; position:relative; display:block }
.b .f .credits div.cc { color:#ff6600; font-weight:bold; font-size:1.16em; padding:1px }
/* inner pages */
.b .m .pic { clear:both; overflow:hidden; height:264px; margin-bottom:4px; }
.b .m .ic { direction:rtl; width:1000px; text-align:right; clear:both; overflow:hidden }
.b .m .ic div { vertical-align:top }
.b .m .ic .txt { width:533px; float:right; padding-bottom:8px; }
.b .m .ic .txt h1 { width:483px; height:30px; max-height:50px; overflow:hidden; color:#fff; background:top right no-repeat; font-size:18px; font-weight:lighter; padding:12px 32px 8px 18px; line-height:18px }
.b .m .ic .txt h1#about { background:url(i/bg_h_about.png) }
.b .m .ic .txt h1#service { background:url(i/bg_h_service.png) }
.b .m .ic .txt h1#mechanic { background:url(i/bg_h_mechanic.png) }
.b .m .ic .txt h1#electric { background:url(i/bg_h_electric.png) }
.b .m .ic .txt h1#care { background:url(i/bg_h_care.png) }
.b .m .ic .txt h1#preparation { background:url(i/bg_h_preparation.png) }
.b .m .ic .txt h1#diagnostics { background:url(i/bg_h_diagnostics.png) }
.b .m .ic .txt h1#reference { background:url(i/bg_h_reference.png) }
.b .m .ic .txt h1#contact { background:url(i/bg_h_contact.png) }
.b .m .ic .txt h1#thanks { background:url(i/bg_h_thanks.png) }
.b .m .ic .txt dl dd { margin-bottom:8px }
.b .m .ic .txt p, .b .m .ic .txt dl, .b .m .ic .txt fieldset { font-size:0.750em; margin:18px 32px 0 18px }
.b .m .ic .txt p a, .b .m .ic .txt dl a { color:#015353; font-weight:bold; text-decoration:underline }
.b .m .ic .txt p a:hover, .b .m .ic .txt dl a:hover { color:#c41f1f; font-weight:bold; text-decoration:none }
.b .m .ic .c { width:231px; float:right; margin-right:4px; text-align:right; min-height:288px }
.b .m .ic .c .color { width:231px; height:50px; background:#015353 }
.b .m .ic .c img { margin:4px 0 0 0; float:right; max-width:231px; overflow:hidden }
.b .m .ic #contact span { color:#010101; font-size:0.938em; padding:12px; float:right }
.b .m .ic #contact span b {color:#663300}
.b .m .ic #contact span h3 { color:#047391; font-size:1em; }
.b .m .ic #contact span h3#hours, span.required { color:#ffa317 }
.b .m .ic .s { width:228px; float:right; background:url(i/tel.png) top no-repeat; margin-right:4px; padding-top:72px }
.b .m .ic .s .sale { margin:0px 28px 8px 18px }
.b .m .ic .s .sale ul li { font-size:0.748em; font-weight:bold; line-height:1em; margin:1em 0; color:#333}
/* ===================== GENERAL FORMS ELEMENTS ========================== */
.b .m .ic .txt fieldset { font-size:14px }
form { display: inline; }
input, select, textarea { font-family : Arial, Helvetica, sans-serif; vertical-align: middle }
input.but { background:transparent url(i/bg_submit_on.png) no-repeat; text-align:center; width:84px; height:34px; cursor: pointer; font-size: 11px; font-weight: bold; color: #663300; padding-bottom:6px }
input.but[type="submit"]:hover { background: url(i/bg_submit.png); color:#006699 }
fieldset { font-size: 12px; padding-bottom: 5px; border: none; }
label { display: block; float: right; width: 118px; margin: 6px 0 2px 8px; }
input { font-size: 12px; margin: 4px 0px; width: 218px; }
textarea { font-size: 12px; line-height: 18px; margin: 4px 0px; width: 308px; height: 128px; }
 
 
 /* END FORM */