html {font-size: 100%;}

body {
    font-family: arial, tahoma, verdana, lucida, sans-serif;
    font-size: 0.75em;
    padding: 0px;
    margin: 0px;
    color: #000000;
    text-align: center;
    background: #FFFFFF;
}


table {font-size: 1em;}

table td.right {text-align: right;}

table.regForm {
    width: 600px;
}

table.regForm input, table.regForm textarea {
    border: 1px solid black;
}

table.regForm input.noBorder {
    border: 0px;
}

table.regForm input.failed {
    background: #FFC0C0;
}

form {margin: 0px;}

input, textarea {
    font-family: tahoma, arial, lucida, sans-serif;
}

input.failed, textarea.failed {
    border: 1px solid red;
}

select.failed { background: #FFC0C0;}

a {
    text-decoration: underline;
    color: #666666;
}

a:hover {text-decoration: none;}

a:link, a:visited {text-decoration: none}

a.hrefBtn {
    font-size: 15px; 
    font-weight: bold; 
    color: #DB1C00;
}

a img {border: 0px;}

ul {
    text-align: left;
}

ul li a{text-decoration: none;}

ul li a:hover{text-decoration: underline;}

ol.terms { padding-left: 20px;}
ol.terms li { margin-bottom: 5px; }

fieldset {border: 0px; clear: left; float: left;}

h1 {
    margin: 0px; 
    padding: 0px;
    float: left;
}

h1 a {
    display: block; 
    position: absolute;
    width: 252px;
    height: 122px;
    top: 0px;
    left: 0px;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

h1 span {
    width: 252px;
    height: 122px;
    background: url('/images/logo-oko2.jpg') top left no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 3;
    position: absolute;
    top: 0px;
    right: 0px;
}

h3 {
    margin: 10px 0px 5px 0px;
    font-size: 13px;
    color: #DB1C00;
}

#master {
    width: 1000px;
    min-height: 600px;
    margin: 0px auto 0px auto;
    background: url('/images/master-bg2.png') left 12px repeat-y;
}

#left {
    float: left;
    width: 252px;
    position: relative;
    text-align: left;
}

#left object {
    position: absolute;
    top: 127px;
    right: 13px;
}

#left ul {
    width: 186px;
    height: 222px;  
    margin: 130px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    list-style-type: none;
    background: url('/images/menu-bg.png') left 10px no-repeat;
}

#left ul li {display: inline;}

#left ul li a {
    margin: 0px 0px 0px 14px;
    padding: 0px 0px 0px 12px;
    position: relative;
    height: 22px;
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
    display: block;
    color: #000000;
    background: url('/images/menu-dot.png') left 3px no-repeat;
}

/*
#left ul li a span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    margin: 0px;
    padding: 0px;
    height: 20px;
    cursor: hand;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#left ul li a#menu1 span { width: 82px; background-image: url('/mages/menu1.png'); }
#left ul li a#menu3 span { width: 82px; background-image: url('/mages/menu2.png'); }
#left ul li a#menu4 span { width: 128px; background-image: url('/mages/menu3.png'); }
#left ul li a#menu5 span { width: 114px; background-image: url('/mages/menu4.png'); }
#left ul li a#menu6 span { width: 87px; background-image: url('/mages/menu5.png'); }
#left ul li a#menu7 span { width: 95px; background-image: url('/mages/menu6.png'); }
*/

#left ul li a:hover {margin-left: 30px; text-decoration: none;}

#left ul li a.active {margin-left: 24px; font-size: 0.9em;}


#left h2 {
    font-size: 11px;
    width: 160px;
    margin: 20px 0px 0px 24px;
    clear: left;
}

#left p {
    width: 160px;
    margin: 0px 0px 10px 24px;
    font-size: 9px;
}

#left img {
    display: block;
    margin: 10px 0px 0px 24px;
}

#left img.pilot {
    position: absolute;
    top: 315px;
    left: 40px;
}

#left img.login {
    position: absolute;
    top: 380px;
    left: 0px;
}

#left img.oko1 {
    position: absolute;
    top: 420px;
    left: 0px;
}

#left #enq {
    width: 150px;
    margin: 19px 0px 40px 22px;
}

#left #enq p {margin: -10px 0px 18px 0px; font-size: 0.9em; font-weight: bold;}
#enq span {
    display: block; 
    width: 150px; 
    background: #FFFFFF;
}
#left #enq a {
    display: block;
    color: #003366;
    font-size: 10px;
    margin: 4px 0px 2px 0px;
    text-decoration: none;
    font-weight: bold;
}
#left #enq a:hover {text-decoration: underline;}
#left #enq a span {padding-left: 7px;}
#left #enq img {height: 11px; margin: 0px;}


#right {
    float: left;
    width: 748px;
    text-align: left;
    border: 0px solid red;
    position: relative;
}

#right h2 {
    margin: 10px 0px 0px 70px;
    color: #DB1C00;
    font-size: 22px;
}


#right img.button {
    position: absolute;
    top: 183px;
    right: 22px;
}

#right object {border: 0px solid red;}

#subMenu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -22px;
    left: 0px;
}

#subMenu li {
    float: left;
}

#subMenu li a {
    display: block;
    width: 90px;
    float: left;
    text-align: center;
    color: #FFFFFF;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    margin-right: 7px;
    background: url('/images/submenu-bg.gif') left top no-repeat; 
}

#subMenu li a.active {
    position: relative;
    top: 0px;
    line-height: 25px;
    height: 25px;
    color: #000000;
    background: url('/images/submenu-bg-a.gif') left top no-repeat;
}

#subMenu li a:hover {text-decoration: underline;}

#main, #main2 {
    width: 672px;
    margin: 15px 0px 20px 50px;
    position: relative;
    background: #DADBDD url('/images/main-bottom.png') bottom left no-repeat;
}

#main a, #main2 a {text-decoration: underline;}
#main a:hover, #main2 a:hover {text-decoration: none;}


#main.sub, #main2.sub {margin-top: 30px;}

#main.sub img.separ, #main2.sub img separ {
    position: absolute; 
    top: 36px;
    left: 320px;
}

#main p, #main2 p {
    margin: 0px 0px 5px 0px;
}

#main2 p {
    text-align: justify;
}

#main img.separ, #main2 img.separ {
    position: absolute; 
    top: 32px;
    left: 320px;
}

#main img.circleImgs {
    position: absolute;
    top: -40px;
    right: 5px;
}

#main img.cornerFill {
    position: absolute;
    top: 0px;
    left: 0px;
}

#main ul {
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#main ul li {
    padding: 3px 0px 3px 15px;
    background: url('/images/red-disc.gif') left 7px no-repeat;
}

#main ul li.noDisc {
    background: none;
    padding-left: 0px;
}

#main ul li.noDiscH {
    background: none;
    padding-left: 20px;
    display: block;
}

#main ul li.noDiscH#eye {background: url('/images/ico-eye.gif') left 3px no-repeat;}
#main ul li.noDiscH#pricelist {background: url('/images/ico-pricelist.gif') left 3px no-repeat;}
#main ul li.noDiscH#face {background: url('/images/ico-face.gif') left 3px no-repeat;}
#main ul li.noDiscH#percent {background: url('/images/ico-percent.gif') left 3px no-repeat;}
#main ul li.noDiscH#optimal {background: url('/images/ico-optimal.gif') left 3px no-repeat;}
#main ul li.noDiscH#more {background: url('/images/ico-more.gif') left 3px no-repeat;}

#main ul li.noDisc img {vertical-align: middle;}

#main table.table {
    width: 600px;
    border-collapse: collapse;
}

#main table.table td {
    border-collapse: collapse;
    border-bottom: 1px solid #949494;
    font-size: 0.9em;
    text-align: left;
}

#main table.table th {
    background: #FFFFFF;
    border: 0px solid #949494;
}

#content, #content2 {
    width: 625px;
    _width: 650px;
    min-height: 190px;
    overflow: auto;
    margin: 10px 0px 0px 25px;
    padding-right: 20px;
    text-align: justify;
}

#content p.news {
    line-height: 1.3em;
    margin-top: 20px;
}

#content p.news img {clear: left; }

#main.sub #content {min-height: 285px;}

#content2 div.left {
    float: left; 
    width: 280px; 
}

#content2 div.left p  {
    text-align: left;
}

#content2 div.left p img {
    float: left;
    margin: 0px 15px 10px 0px;
}

#content2 div.right {
    float: right; 
    width: 300px; 
}

#content2 div.right p  {
    text-align: left;
}


#content2 div.right p img {
    float: left;
    margin: 0px 15px 5px 0px;
}

#mainLeft {
    width: 300px;
    float: left;
    margin: 20px 0px 0px 0px;
}

#mainRight {
    width: 250px;
    float: right;
    margin: 20px 20px 0px 0px;
}

p.msgError {color: #9D1400;}
p.msgError {color: #006600;}

.left td {text-align: left;}

.bold {font-weight: bold;}
.cleaner {clear: both;}