/* ----------------- BASIC DECLARATIONS ----------------- */

* { margin: 0; padding: 0; }

body
{
font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
color: black;
background: white;
}

/* ------------------- TAGS DEFAULTS -------------------- */

img { border: 0; }
a, a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
fieldset { border: 0; }
legend { display: none; }
embed { z-index: 0; }

/* --------------------- CLASSES ------------------------ */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

.ajax-loader { background: transparent url('../images/ajax-loader.gif') no-repeat center left; padding-left: 38px !important; font-weight: bold; height: 30px; margin-top: 12px; padding-top: 10px; font-size: 1.2em; }

.bigger { font-size: 1.1em !important; }
.biggerPlus { font-size: 1.3em !important; }
.big { font-size: 1.6em !important; }
.small { font-size: .8em; }
.smaller { font-size: .9em; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }

.fontArial { font-family: Arial, "Trebuchet MS", Verdana; }

.colorBlack { color: black !important; }
.colorGrey { color: #565656 !important; }
.colorRed { color: #FF1F02 !important; }

.lineHeight { line-height: 1.5em; }
.alignCenter { text-align: center; }
.textUnderline { text-decoration: underline !important; }

.marginTop { margin-top: 15px !important; }
.marginRight { margin-right: 15px !important; }
.marginBottom { margin-bottom: 15px !important; }
    .marginBottomBig { margin-bottom: 25px !important; }
.marginLeft { margin-left: 15px !important; }

.right { float: right; }
.left { float: left; }
.clearBoth { clear: both !important; }
.clearRight { clear: right; }
.clearLeft { clear: left; }

.invisible { line-height: 0px; font-size: 0px; position: absolute; top: -9999px;}

.arrOrangeLeft { background: transparent url('../images/arrOrangeLeft.png') no-repeat top left; height: 30px; padding-left: 42px; padding-top: 4px; font-variant: small-caps;font-size: 2.1em; font-stretch: extra-expanded; color: #4F4F4F; letter-spacing: -1px; }
.arrOrangeLeftAlpha { background: transparent url('../images/arrOrangeLeftAlpha.png') no-repeat top left; height: 30px; padding-left: 42px; padding-top: 4px; font-variant: small-caps;font-size: 2.1em; font-stretch: extra-expanded; color: #4F4F4F; letter-spacing: -1px; }

.more { float: right; margin-top: 12px; }

ul.standard { list-style: none; }
    ul.standard li {  background: transparent url('../images/listStandard.png') no-repeat left 5px; padding-left: 16px; }
    ul.standard li.back {  background: transparent url('../images/arrBack.png') no-repeat center left; padding-left: 20px; font-weight: bold; }
        ul.standard li.back:hover, ul.standard li.back:focus {  background: transparent url('../images/arrBackHover.png') no-repeat center left; padding-left: 20px; }
        ul.standard li:hover, ul.standard li:focus {  background: transparent url('../images/listStandardHover.png') no-repeat center left;}
    ul.standard li .selected { font-weight: bold; color: #00AAFF; }

ul.fileList { list-style: none; }
    ul.fileList li {  background: transparent url('../images/listStandard.png') no-repeat center left; padding-left: 16px; }
        ul.fileList li:hover {  background: transparent url('../images/listStandardHover.png') no-repeat center left;}

.mesgErr { color: red; margin-top: 12px; font-size: 1.2em; font-weight: bold; }
.mesgOK { color: #69D206; margin-top: 12px; font-size: 1.2em; font-weight: bold;}

.btnRectGreen { display: block; width: 145px; padding-top: 12px; height: 30px; color: white !important; font-size: 1.3em; background: black url('../images/btnRectGreen.png') no-repeat center left; padding-left: 40px; font-weight: bold; }
.btnRectBlue { display: block; width: 145px; padding-top: 12px; height: 30px; color: white !important; font-size: 1.3em; background: black url('../images/btnRectBlue.png') no-repeat center left; padding-left: 40px; font-weight: bold; }
.btnRectOrange { display: block; width: 145px; padding-top: 12px; height: 30px; color: white !important; font-size: 1.3em; background: black url('../images/btnRectOrange.png') no-repeat center left; padding-left: 40px; font-weight: bold; }
.btnRed { z-index: 9999; display: block; width: 114px; padding-top: 8px; height: 24px; padding-left: 14px;color: white !important; font-size: 1.2em; background: black url('../images/btnRed.png') no-repeat center left; font-weight: bold; text-align: center; }
.btnBlue { z-index: 9999; display: block; width: 114px; padding-top: 8px; height: 24px; padding-left: 14px;color: white !important; font-size: 1.2em; background: black url('../images/btnBlue.png') no-repeat center left; font-weight: bold; text-align: center; }

/* ------------ STYLES FOR SITE ELEMENTS ----------------- */

#mainWrapper #skipLink { position: absolute; top: -9999px; }
#mainWrapper #skipLinkNav { position: absolute; bottom: 0px; left: -9999px; }
    #mainWrapper #skipLink:focus { z-index: 100; top: 20px; left: 20px; padding: 8px; font-size: 1.3em; background-color: yellow; color: black; font-weight: bold; }
    #mainWrapper #skipLinkNav:focus { display: block; position: absolute; z-index: 100; bottom: 0px; left: 20px; padding: 8px; font-size: 1.6em; background-color: yellow; color: blue; font-weight: bold; border: 1px solid blue; }
    
#headWrapper h1 img { top: 20px; position: absolute; }


#navBar ul { list-style: none; min-height: 40px; float: left; }
    #navBar ul li { float: left; width: 101px; height: 50px; text-align: center; margin-right: 6px;  }
    #navBar ul li a { display: block; width: 101px; height: 47px; float: left; padding-top: 6px; font-variant: small-caps; font-size: 1.5em; letter-spacing: 0px; text-decoration: underline; color: #808080; }
    #navBar ul li a:hover, #navBar ul li a:focus { background: transparent url('../images/navBarPosActive.png') no-repeat top left; text-decoration: none; }
    #navBar ul li a.selected { text-shadow: 0px 1px 0px white; background: transparent url('../images/navBarPos.png') no-repeat top left; font-weight: bold; text-decoration: none; }
    #navBar ul li a:visited { color: #575757; }

#langChooser select { font-size: .9em; float: right; width: 100px;color: black;  }
    #langChooser option { background: white; color: black; }
    /*#langChooser select:focus { background: yellow; color: blue;  }*/
    #langChooser h2 { color: #3B3B3B;  font-size: 1em; float: left; margin-top: 4px; }

#partnersLogos { position: relative; border: 0px solid #E5E5E5; height: 74px; padding: 10px; }
    #partnersLogos img { position: absolute; top:10px; left:55px; }

.adBoxes { margin: 0px 0px 0px 11px; }
    .adBoxes .box30 { color: white; padding: 16px 16px 0px 16px; float: left; margin-right: 15px; width: 272px; min-height: 191px; background: black url('../images/bgBox30.png') no-repeat top left;}
    .adBoxes h2 { font-size: .8em; position: relative; margin: 18px 0px 0px 43px; }
        .adBoxes .box30 h2 .text { position: absolute; z-index: 1; left: 0; top: 0;  }
        .adBoxes .box30 h2 .bg { position: absolute; z-index: 5; left: 0; top: 0;  }

        .adBoxes .box30 h2 a:focus .text { z-index: 10; color: blue; font-weight: bold; font-size: 2em; }

    .adBoxes p.text { margin: 6px 0px 6px 0px; font-size: 1.1em; border-bottom: 1px solid #5A5A5A; padding-bottom: 6px;  }
    .adBoxes p.link { float: right; font-weight: bold; color: white; font-size: 1.1em; }

.contentBoxes { margin-top: 14px; }
.contentBoxes .box30 { width: 295px; float: left; margin-bottom: 16px; }
    .contentBoxes h2 { margin-bottom: 12px; position: relative; }
        .contentBoxes h2 .lineRight { position: absolute; right: 0px; top: 33px; height: 2px;  border-top: 1px solid #CBCBCB; width: 140px; margin-top: -12px; }
    .contentBoxes p.text { line-height:1.4em; font-size: 1.1em;}
    .contentBoxes .box60 { width: 620px; float: left; }
    .contentBoxes .leftBoxes { width: 304px; margin-left: 12px; margin-right: 12px; }
    .contentBoxes .rightBoxes { width: 610px; }
        .contentBoxes .rightBoxes h2 .lineRight { position: absolute; right: 0px; top: 33px; height: 2px; border-top: 1px solid #CBCBCB; width: 270px; margin-top: -12px; }

.advCommon { margin-top: 24px; }

.prodList { margin-top: 20px; margin-left: 8px; }
.prodList ul { list-style: none; }
    .prodList ul li { margin-bottom: 10px; float: left; clear: both; }
    .prodList li span.image { display: block; width: 292px;float: left; }
    /*.prodList li a:focus img { border: 3px solid blue; }*/
    .prodList li span.desc { display: block; width: 320px; float: left; color: #4A4A4A; }

.subPage { clear: both; float: left; margin: 24px 0px 0px 12px; }
    .subPage h2 { position: relative; width: 895px; }
        .subPage h2 .lineRight {  position: absolute; right: 0px; top: 32px; height: 2px;  border-top: 1px solid #CBCBCB; width: 520px; margin-top: -12px;  }
    .subPage .richText { margin-top: 24px; margin-bottom: 24px; width: 910px; font-size: 1.1em; line-height: 1.4em; }
        .subPage .richText h3 { margin: 16px 0px 16px 0px; background: transparent url('../images/arrBlueLeftAlpha.png') no-repeat top left; height: 24px; padding-left: 34px; padding-top: 4px;font-size: 1.5em; font-stretch: extra-expanded; color: #848484; font-weight: normal;  }
        .subPage .richText p { margin: 12px 0px 12px 0px;  }
        .subPage .richText .picture { text-align: center; float: left; width: 300px; margin-top: 24px; margin-right: 12px; margin-bottom: 24px; }
        .subPage .richText .picture img { border: 1px solid #DEDEDE; }
        .subPage .richText .picture span { display: block; text-align: center; font-style: italic; color: #4F4F4F;  }
        .subPage .richText ul { list-style: none; margin: 12px 0px 12px 0px; }
            .subPage .richText ul li {background: transparent url('../images/listStandard.png') no-repeat top left; padding-left: 16px; background-position: 0px 4px;  }
        .subPage .lineMargins p { margin: 10px 0px 10px 0px; }
    .subPage .narrow { width: 680px; clear: none; float: left; }

#rightPanel { float: left; clear: none; width: 180px; margin-left: 30px;  }
#rightPanel a:visited { color: #BABABA; }
#rightPanel .rightBox { margin-bottom: 12px;  }
        #rightPanel h3 { padding: 14px 0px 0px 34px; color: white; font-weight: normal; font-size: 1.6em; letter-spacing: -1px; font-variant: small-caps; width: 202px; height: 27px; background: transparent url('../images/bgRightBoxHeader.png') no-repeat top left; }
        #rightPanel ul { color: white; line-height: 1.5em; font-size: 1.1em; margin-left: 1px; background: #3c3c3c url('../images/bgRightBoxBkg.png') no-repeat top left; padding: 8px; width: 209px; min-height: 80px; }
        #rightPanel a.selected { text-decoration: underline;  }

#rightPanel .partners { background: #3c3c3c url('../images/bgRightBoxBkg.png') no-repeat top left; padding: 8px; width: 209px; min-height: 80px; margin-left: 1px; }
#rightPanel #partnersLogos { float: left; height: 58px; width: 187px; border: 1px solid ; background: white; }
    #rightPanel #partnersLogos img { max-width: 180px;  left: 13px; top: 14px; }


#pageProducts ul { list-style: none; }
    #pageProducts ul li { float: left; clear: none; width: 290px;margin-right: 28px; min-height: 260px; }
    #pageProducts ul li .image { margin-bottom: 12px; float: left; clear: both; }
    #pageProducts ul li .desc {  min-height: 120px; width: 100%;  font-size: 1.2em; padding-bottom: 6px; border-bottom: 1px solid #929292; float: left; clear: both; }

#pageProduct .prodImage { margin-right: 16px; }
    #pageProduct .prodMoreInfo { width: 680px; float: left; }
    #pageProduct .prodShortDesc { font-size: 1.2em; font-weight: bold; width: 380px; }
    #pageProduct .onePhoto { height: 180px; float: left; }
    #pageProduct .onePhoto img { float: left; margin-right: 8px; border: 1px solid #A1A1A1; }

#pageMarket .marketMoreInfo { width: 680px; float: left; }
    #pageMarket .marketShortDesc { margin-top: 18px; font-size: 1.2em; font-weight: bold; width: 580px; }
    #pageMarket .onePhoto img { float: left; margin-right: 8px; border: 1px solid #A1A1A1; }
    #pageMarket .richText { float: left; margin-top: 24px; }

#pageNews .newsMoreInfo { width: 680px; float: left; }
    #pageNews .newsShortDesc { font-size: 1.5em; font-weight: normal; width: 680px; }
    #pageNews .onePhoto img { float: left; margin-right: 8px; border: 1px solid #A1A1A1; }
    #pageNews h2 a { display: block; width: 380px; height: 56px; float: left; }

#pageMarkets ul { list-style: none; }
    #pageMarkets ul li { width: 300px; margin-right: 18px; margin-bottom: 24px; float: left;  }
        #pageMarkets ul li h3 { color: #f33c00;border-bottom: 1px solid #808080; margin-bottom: 8px; font-size: 1.5em; font-weight: normal; }
    #pageMarkets ul li p { line-height: 1.4em; text-align: justify; }

#newsList { width: 680px; float: left; margin-top: 24px;  }
    #newsList ul#list { list-style: none; }
    #newsList ul#list li { margin-bottom: 20px; }
        #newsList ul#list li p { margin-top: 8px; font-size: 1.1em; line-height: 1.5em; }
    #newsList h3 { border-bottom: 1px solid #808080; padding-bottom: 3px; font-size: 1.5em; font-weight: normal; }
        #newsList h3 a { color: #6AB4DB; }
    #newsList .date { font-size: .7em; color: #808080; }
    #newsList .more { margin-bottom: 12px; }

#partnersList { width: 680px; float: left; margin-top: 24px;  }
    #partnersList ul { list-style: none; }
    #partnersList ul li { margin-bottom: 20px; }
        #partnersList ul li p { margin-top: 8px; font-size: 1.1em; line-height: 1.5em; }
    #partnersList h3 { border-bottom: 1px solid #808080; padding-bottom: 3px; font-size: 1.5em; font-weight: normal; }
    #partnersList img { float: left; margin-right: 12px; }
    #partnersList .more { margin-bottom: 12px; }

.contactForm { float: right; padding-left: 12px; margin-bottom: 24px; width: 360px; }
.contactForm fieldset { border: 0; }
  .contactForm legend { display: none; }
  .contactForm select { width: 250px; }
  .contactForm h3 { color: black; font-size: 1.5em; margin-bottom: 18px; }
  .contactForm .clearBoth, .contactForm .left { margin-right: 20px; margin-bottom: 14px; }
  .contactForm label { width: 180px; display: block; float: left; font-size: 1.1em; }
  .contactForm input.text, .contactForm textarea { margin-bottom: 12px; clear: both; float: left; padding: 1px; width: 340px; }
  #content .contactForm input.phoneNum { width: 150px; }
  .contactForm input:focus, .contactForm textarea:focus { border: 2px solid #6A6A6A; background-color: #E0E0E0; }
  .contactForm sup { color: red; }

  .contactInfo { width: 500px; }
    .contactSent { width: 680px; }
    .contactInfo h3 { font-variant: small-caps; font-size: 1.7em; margin-bottom: 12px; }
    .contactInfo pre { line-height: 1.4em; font-size: 1.2em; color: #606060; font-family: "Trebuchet MS", Arial; margin-bottom: 12px; }

#btnToolbar { margin-top: 20px; border-top: 1px solid #C2C2C2; float: left; clear: both; width: 938px; padding-top: 12px; }
    #btnToolbar p { margin-bottom: 10px; line-height: 1.4em; font-size: 1.1em; color: #515151; }
    #btnToolbar ul { list-style: none; }
    #btnToolbar ul li { float: left; margin-right: 20px; }

#footer a:focus { font-weight: bold; background: yellow; color: blue !important; }
#footer .columnFi { width: 230px; float: left;  }
#footer .columnSe { width: 210px; float: left;  }
#footer .columnTh { width: 210px; float: left;  }
#footer .columnFo { width: 120px; float: left;  }
#footer .columnFif { width: 200px; float: left;  }
    #footer h2 { font-size: 1.2em; margin-bottom: 10px; }
    #footer ul { list-style: none; line-height: 1.4em; }
#footer a:visited { color: #2F188F; }

/* news archive menu*/
.addMenu { font-size: 1.1em; margin-left: 15px; list-style: square; margin-bottom: 20px;}
    .addMenu li { margin-bottom: 6px;  }
    .addMenu li a { padding: 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
    .addMenu li a.selected { background: #D9D9D9; font-weight: bold; text-shadow: 0px 1px 0px rgba(255,255,255,0.8); }

.oneGreyBox { width: 290px; float: left; margin-right: 10px; margin-top: 20px; padding: 10px; background: #E7E7E7; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
    .oneGreyBox h3 { color: #3E3E3E;text-align: center; margin-bottom: 10px; font-size: 1.6em; font-weight: normal; }
    .oneGreyBox p { text-align: center; margin-bottom: 20px; }
    .oneGreyBox a { background: #363636; font-weight: bold; color: white; text-shadow: 0px 1px 0px rgba(0,0,0,0.8);padding: 4px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    .oneGreyBox p.btn { margin-bottom: 20px !important; }

#sliderNav { position: absolute; left: 20px; bottom: 20px; z-index: 99999; }
    #sliderNav a { padding-top: 2px; text-shadow: 0px 1px 0px white; font-family: Georgia, serif; margin-right: 5px; float: left; background: transparent url('../images/slideInActive.png') no-repeat top left; display: block; width: 29px; height: 29px; color: #6A6A6A; font-size: 1.5em; text-align: center;  }
    #sliderNav a:hover { color: black; text-decoration: none; }
        #sliderNav .activeSlide { color: white; text-shadow: 0px 1px 0px black; background: transparent url('../images/slideActive.png') no-repeat top left; text-decoration: none;}
        #sliderNav .activeSlide:hover { color: white; }

/* --------------- LAYOUT STRUCTURE ---------------------- */

#mainWrapper { margin: 0px auto; width: 1000px; position: relative; }
#headWrapper{ width: 1000px; }

#headWrapper
{
min-height: 291px;
height: 418px;
position: relative;
}

#mainAdv
{
position: absolute; top: 118px; z-index: 0;
width: 1000px; height: 300px;
background: white;
}

#slider
{
width: 1000px; height: 300px;
}

#footer {
width: 995px;
margin: 0px auto;
height: 130px;
padding: 15px 5px 0px;
clear: both;
color: #404040;
}

#footerWrapper {
border-top: 1px solid #DBDBDB;
background: #F4F4F4;
width: 100%;
float: left; clear: both;
margin-top: 30px;
padding-bottom: 15px;
}

#langChooser {
position: absolute;
top: 10px;
right: 0px;
width: 201px;
float: right;
z-index: 100;
}

#content
{
background: white;
width: 968px;
min-height: 200px;
float: left;
clear: both;
padding: 16px;
color: black;
z-index: 1000;
position: relative;
}

#navBar
{
position: absolute;
z-index: 5;
top: 79px;
right: 0px;
width: 749px;
height: 50px;
margin-left: 12px;
color: #4C4C4C;
}