SUP, SUB { vertical-align:baseline; position:relative; font-size:.7em; line-height:1; }
SUP { bottom:1.4ex; }
SUB { top:.5ex; }

html {font-family: Arial; font-size: 12pt;}
a {color: #0A3B7E; }
a img  {border-style:none; }
#layer { width: 850px; outline: 0px dotted red; left: 50%; margin:20px 0 0 -425px; position: absolute; }
#layer .top {position: relative; height: 30px;}
#layer #langs {height: 30px; outline: 0px dotted green; width: 30%; float: left;}
#layer #search {height: 25px; outline: 0px dotted yellow; width: 30%; float: right;}

#search form {background: #F5F6F6; padding: 2px 5px; float: right;}
#search input.text {border: 1px solid #CCCCCC;}
#search input.button {background: url('../images/search_button.jpg') center center no-repeat; border: 0px solid;}

#layer #header {outline: green solid 0px; width: 830px; height: 70px; background: #0A3B7E; padding:10px;}

#header #logo {display: block; float: left;}
#header .menu {float: right;}
#header .menu ul li {float: left; background: url('../images/sep.jpg') left center no-repeat; line-height: 4.5em; height: 4.5em; margin-left:5px;}
#header li a { color: white; font-size: 8pt; text-transform: uppercase; text-decoration: none; margin-left: 8px;}
#header li a:hover {text-decoration: underline;}
#header li#first {background: transparent;}

.topsep {height: 10px; background: url('../images/top_sep.jpg') left top repeat-x; width: 850px; }

#fl {height:278px; width: 850px; background: url('../images/alt_flash.jpg') left top no-repeat;}

.btmsep {height: 10px; background: url('../images/btm_sep.jpg') left top repeat-x; width: 850px; }
/**/
hr {
border: none; 
 color: #0A3B7E; 
 background-color: #0A3B7E; 
 height: 4px; 
width: 100%; display: block; 
}
#path {font-size: 10pt; color: #666; margin-left: 30px; margin-top: 10px;}
#content p {font-size: 12pt; margin-top: 1em; line-height: 1.2em;  text-indent: 20px; }
#content ol li {list-style: decimal; margin-left: 2em; margin-top: 0.5em; line-height: 1.2em; }
#content ul li {list-style: disc; margin-left: 2em; margin-top: 0.5em; line-height: 1.2em; }
#content a {color: #0A3B7E; }
h1, h2, h3, h4 {color: #0A3B7E; font-weight: normal; padding:0 0 10px 20px ;}
#content h2 {font-size: 167%; }
#content h3 {font-size: 131%; padding-top:20px;}
#content ul.no_list li {list-style: none; margin-left: 2em; margin-top: 0.1em; }
#content a.pdf {background: url('../images/pdf-ico.png') left center no-repeat; padding: 15px 0 15px 50px;}
#content a.doc {background: url('../images/doc-ico.png') left center no-repeat; padding: 15px 0 15px 50px;}
#content a.xls {background: url('../images/xls-ico.png') left center no-repeat; padding: 15px 0 15px 50px;}

#content table#price { width: 100%; border: 1px solid #ccc;}
#content table#price td { padding: 5px; border: 1px solid #ccc; text-align: center; font-size: 10pt; color: #666;} 
#content table#price th { padding: 10px 5px; border: 1px solid black; font-weight: normal; background: #E6E6E6/*#D9D9D9*/; font-size: 10pt; vertical-align: middle;}

#footer {font-size: 8pt; height: 40px;}
#footer .column {width: 28%; float: left;}
#footer .column_cnt {width: 40%; float: right;}
#footer .column a {color: #0A3B7E; }
#footer .column_cnt .phone { background: url('../images/phone.jpg') left top no-repeat; height: 15px; padding-left:20px; float: left;}
#footer .column_cnt .phone b { font-size: 12px; font-weight: bold; }
.cnt { float: right; margin: 5px 0 0 0;}


.catalog h3{ padding:0; text-align: center; margin: 10px 0; padding-bottom:10px;}
.catalog td img { padding-left:16px;}
.catalog td a {display: block;  text-align: center; margin: 0 0 30px 0;}
/* ---------- for faq module -------------*/
/* error message (Validation wrong) */
#errorMessage {width: 60%; color: red; font-size: 10pt; padding: 10px 0;}

#questionaryForm label {color:#918F8F; display:block; font-size:10pt; padding:11px 0 0; }
#questionaryForm textarea {border:1px solid #7F9DB9;
color:#1961A8;
height:100px;
margin-top:2px;
padding:5px;
width:486px;
}
#questionaryForm input.text {
border:1px solid #7F9DB9;
color:#1961A8;
margin-top:2px;
padding:5px;
width:486px;
}

#questionaryForm input.button {
display:block;
font-weight:bold;
height:32px;
line-height:normal;
margin:30px 0 30px 341px;
width:155px;
}
/* message when question successfully sended */
#infoMessage {}

/* filling form for question. can not be empty */
#questionaryForm {/*margin-left: 300px;*/}

/* question part of form. */
#questionaryForm #questionBlock {}

/* textarea for question. can not be empty */
#questionaryForm #questionBlock #questionField {}

/* info about user (form). can be empty */
#personalInfoBlock {}

#personalInfoBlock #emailBlock {}

#personalInfoBlock #nameBlock {}

#personalInfoBlock #nameBlock #nameField {}

/* submit */
#questionaryForm .button {}

/* paging */
.navigation {}

/* question block (word selected as <b>) */
.question {margin:10px 0 10px 2.4em; border-left:3px solid #E0E0E0; padding-left: 0.6em; }

/* answer block (word selected as <b>) */
.answer {}

.zebraQaEven {margin-bottom:20px;}

.zebraQaOdd {}

.answeredBy {text-align:right; margin:10px 10px 0; font-size:10pt;}



/* NOTIFYKA */
small.notify {font-size: 10pt; color: #0A3B7E; margin: 30px 0 10px 0; display:block;}


/* submenu */
#smenu {background: #C7D4E7; display:none; position: absolute; padding: 10px 5px;}
#smenu a {line-height: 2em; font-size: 10pt; color: #000;}