﻿html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a { padding:0; margin:0; }
html                                {height: 100%; overflow-y: scroll; }
body                                {height: 100%; font: 12px Arial, Helvetica, sans-serif; color: #737373; background: url(../images/bgHead.jpg) repeat-x;}
img, input, textarea                {border: none;}
ul                                  {list-style-type: none;}
a:link, a:active                    {color: #737373; cursor: pointer; text-decoration: underline;}
a:hover                             {cursor : pointer; text-decoration: none;}
a:active, a:focus, img              {outline: 0;}
.clear                              {clear: both;}
.floatLeft                          {float: left;}
.floatRight                         {float: right;}
.overHidden                         {overflow: hidden;}


.main { width: 790px; margin: 0 auto; position:relative; min-height: 100%; height: auto !important; height: 100%; }
.main>span { display: block; }
/* header */
.header { height: 133px; }
.topLogo { padding-bottom: 24px; }
.topLogo div { display: block; background: url(../images/logo.jpg); width: 260px; height: 67px; margin-bottom: 7px; }

.menuBar { overflow: hidden; height: 35px; }
/* menu */
.menu { float: left; height: 35px; overflow: hidden; border-left: 1px solid #e6e6e6; }
.menu li { display: block; float: left; }
.menu a, .menu p { display: block; float: left; padding: 0px 15px; height: 33px; line-height: 33px; border: 1px solid #e6e6e6; border-left: none; text-transform: uppercase; text-decoration: none !important; color: #888; background: url(../images/bgMenuHover.png) repeat-x; }
.menu .current { color: #ff7200; border-bottom-color: #fff; background: #fff; }
.menu a:hover { color: #000; background: url(../images/bgMenuHover.png) repeat-x; }
/* lang bar */
.lang { overflow: hidden; float: right; padding-top: 19px; }
.lang li { display: block; float: left; padding-left: 5px; }
.lang a { display: block; float: left; }
.lang img { display: block; border: 1px solid #e9e9e9; }

/* content */
.content { padding: 9px 0px 34px 15px; overflow: hidden;  }
.content #navLine { margin-bottom: 30px; color: #CCC; font-size: 11px; }
.content #navLine a { color: #CCC; text-decoration: underline; }
.content #navLine a:hover { color: #CCC; text-decoration: none; }
.content .leftSide { float: left; width: 520px; }
.content .rightSide { float: right; width: 172px; border: 1px solid #ffc784; background-color: #fffae5; padding: 17px; font-size: 11px; }

h2 { font-size: 11px; font-weight: bold; color: #606060; text-transform: uppercase; padding-bottom: 15px; }
h3 { font-size: 11px; font-weight: bold; color: #ff7800; text-transform: uppercase; padding-bottom: 10px; }

.text { overflow: hidden; margin-bottom: 30px; text-align: justify; }
.text img { display: block; float: left; margin: 0px 10px 0px 0px; }
.text p { padding-bottom: 15px; }
.text a.details { display: block; padding: 4px 0; text-align: right; color: #595959 !important; font: bold 11px Tahoma; text-decoration: underline; }
.text a.details:hover { text-decoration: none;}

.note { overflow: hidden; text-align: left; color: #999999; }
.note .attn { font: bold 10px Tahoma; }
.note p { font-size: 10px; }

.listType_1 li { display: block; background: url(../images/listDecor.png) no-repeat left center; padding-left: 13px; }
.listType_2 { padding-left: 106px; }

.service li { display: block; padding-bottom: 10px; }
.service h3 { padding-bottom: 5px; }
.service a { display: block; text-align: right; color: #595959 !important; font: bold 10px Tahoma; text-decoration: underline; }
.service a:hover { text-decoration: none; }

/* contacts */
.inputForm li { display: block; padding-bottom: 7px; overflow: hidden; }
.inputForm label { float: left; width: 100px; white-space: nowrap; padding-top: 3px; }
.inputForm input { border: 1px solid #bab7b7; width: 170px; padding: 2px 0; color: #333333; }
.inputForm textarea { border: 1px solid #bab7b7; width: 315px; height: 85px; color: #333333; }
.inputForm li.captcha { height: 22px; line-height: 22px; }
.inputForm li.captcha input { width: 50px; margin: 0px 10px; }
.inputForm li.captcha a { text-decoration: none; color: #ff8e00 !important; }
.inputForm li.captcha a:hover { text-decoration: underline; }
.inputForm #cvimg { margin: auto; }

/* solutions */
.text .i-img { margin: 0 50px 20px 20px; }
.text .i-details { font: bold 11px Tahoma; }
.text ul.i-list { list-style: disc inside; }
.text ul.i-list li { font-size: 11px; }
.text ul.i-comments { float: right; clear: left; margin: -3px 100px 0 0; }
.text ul.i-comments li { margin: 0; padding: 4px 0; }
.text ul.i-comments .manual, .text ul.i-comments .soft { font: bold 10px Tahoma; color: #747373;}
.text .zoom { font: normal 9px Tahoma; color: #aaaaaa; text-align: center; line-height: 15px; }

.imageThumbs { width: 180px; margin: 0 0 0 20px; }
.imageThumbsinner { padding: 0 1px 0 6px; text-align: center; }
.imageThumbsinner p { padding: 12px 0; text-align: center; color: #aaaaaa !important; }
.imageThumbs a:link img, .imageThumbs a:visited img { padding: 2px; border: 1px solid #CCCCCC; background: #FFFFFF; margin-right: 4px; }
.imageThumbs a:hover img { padding: 2px; border: 1px solid #888888; margin-right: 4px; }

/* footer */
.footer { background: url(../images/bgFooter.png) repeat-x; height: 34px; line-height: 34px; text-align: right;  position: relative; margin-top: -34px; font-size: 11px; }
.footer a { color: #737373 !important; }
